분류 전체보기 (104) 썸네일형 리스트형 2021년 5월 11일 코드스테이츠 DAY-37 JSON 예습 + 첫 프로그래머스 JSON(JavaScript Object Notation) : 서로 다른 언어가 서로 데이터를 전송하기 쉽게 만든 데이터 표준 JSON.parse() : 인자로 전달된 값을 객체로 변형할 수 있는 메소드. JSON.stringify() : 인자로 전달된 객체를 JSON 포맷으로 변형한 텍스트로 바꾸는 메소드. 첫 프로그래머스 사실 알고리즘 뭐 중요하겠어라고 생각을 많이 하고 있었는데 지금 페어인 분께서 그렇게그렇게 중요하다고 해서 풀어봤다. 아 물론 LV1. 근데 무지하게 어렵다 ㅠㅠㅠ 미친 ㅠㅠㅠㅠ 이거 푼다고 2시간이 갔다. 레벨 2를 슥슥 풀어야지 대기업에 간다는데 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ이게 뭐야 아무튼 신박했다. 누가 탈락했는지는 궁금하지 않았지만 머리를 이상한 쪽으로 많이 회전시키게 한다. 다들 프로.. 2021년 5월 10일 코드스테이츠 DAY-36 객체 지향 프로그래밍 정리 객체 지향 프로그래밍의 특징 4가지 캡슐화 : 실제 객체 모습의 추상화를 위하여 데이터와 기능을 모았다. 추상화 : 메소드로 예를 들면 내부에 어떤 로직이 있는지 자세히 몰라도 메소드의 이름만 보고도 기능을 짐작할 수 있게하는 것 상속 : 자식 클래스에서 부모 클래스의 속성과 메소드를 활용할 수 있다. 다향성 : 클래스는 하나더라도 인스턴스는 다양한 다른 키 값을 갖는다. 객체 지향과 자바스크립트 자바스크립트는 객체 지향 언어인가? 아니다. 자바스크립트는 객체 지향 프로그래밍을 할 수 있는가? 맞다. 면접 질문 시 예상 대답 : "자바스크립트는 객체 지향 언어는 아니고 프로토타입 지향 언어라고 들었습니다. 프로토타입에 대해서 깊게 알고 있지는 않지만, 다르다는 점을 알고 있습니다. 자바스크립트에서 객체 .. 2021년 5월 9일 클래스를 이용한 모듈화, 프로토 타입 예습 내일의 일정을 확인해보니 클래스를 이용한 모듈화, 프로토 타입이라는 것을 공부해야하는 것으로 나와있었다. UR클래스에는 아직 강좌가 열리지 않아서 확인을 못했지만 해당 내용은 코드스테이츠를 수강하기 전에 객체를 공부하며 함께 본 기억이 있었기에 그때 공부했던 자료를 찾아보기 시작했다. 그당시 중요하다고 생각한 내용을 적어 놨었는데 아래와 같다. 객체에 추가된 값으로 정의되는 속성을 property라고 한다. 속성들 중에 값이 함수인 것들을 method(동작, 기능)라고 한다. this란? 객체가 메서드를 실행했을때 메서드를 실행한 주체 객체, 자바스크립트 함수 안에서 this는 함수가 실행되는 context에 따라 값이 바뀐다. 생성자(constructor) 함수란 객체를 생성해내는 함수. functio.. 2021년 5월 8일 React 클론 코딩 #2 how-is-d-weather(날씨 앱) 完 HA가 끝나고 soloday에 앞으로 코드스테이츠가 진행되는 동안 무엇을 더 개인적으로 공부하면 좋을지에 대하여 생각하는 시간을 가졌고, 웹과 모바일 기기 상에서 움직이는 무엇인가를 vanilla javascript와 react로 구현하는 것을 공부해야겠다라고 결론을 내렸다. 공부아니더라도 이해를 다 하지 못하더라도 따라하는 것이라도 계속 해보자라는 것. 그런 의미로 노마드코더 니꼬센세의 React Native로 날씨 앱을 구현하는 무료 인강을 보며 차근차근 따라가기 시작했다. 이 앱의 핵심은 모바일 기기의 위치(latitude, longitude)를 파악하여 날씨 API에서 날씨정보를 불러와 앱의 화면에 보여주는 것이다. 내가 했던 것은 날씨 API에서 받아온 현재 날씨의 상태에 따라 어떻게 화면이 나.. Vanilla Javascript Effect 무작정 따라하기 #4.5 canvas에서 무작위 입자 생성 및 변화를 주는 원리 파악 Vanilla Javascript Effect 무작정 따라하기 #4 canvas에서 text 쪼개기 이 글을 쓰며 매주 하기로 했던 나의 야심찬 vanilla javascript effect 무작정 따라하기가 단 3개에서 멈추어있었음을 반성한다. 오늘 HA가 끝나고 힘이 빠져서 자고 싶었지만, 매일 공부를 하다보니 안 bedeveloper.tistory.com 어제는 코드를 보고 스스로 이해하려고 노력하였으나 도저히 불가능했었다. 그래서 설명히 조금 더 친절한 초심자를 위한 동영상을 보고 공부를 시작하기로 했다. 동영상 속 언어가 영어라서 설명을 알아듣는데 한참이 걸렸지만 안들리면 들릴때까지 무한 반복을 돌려서 코드의 주석으로 옮겨 보았다. // 첫번째 파트 //1. 무작위로 입자를 생성 //2. 그리고.. Vanilla Javascript Effect 무작정 따라하기 #4 canvas에서 text 쪼개기 이 글을 쓰며 매주 하기로 했던 나의 야심찬 vanilla javascript effect 무작정 따라하기가 단 3개에서 멈추어있었음을 반성한다. 오늘 HA가 끝나고 힘이 빠져서 자고 싶었지만, 매일 공부를 하다보니 안하는게 더 이상하게 느껴졌기에 그리고 내가 정확하게 모르더라도 어디선가 봤었다라는 기억이 있으면 그것을 찾아내서 활용할 수 있기에 아는 것의 범위를 넓히기 위하여 오늘도 늦었지만 공부를 한다. 일단 해당 effect를 구현하기에 몰랐던 부분들을 나열해본다. .fillStyle property : 이 속성은 canvas에서 2d context에 색을 채울때 주로 사용했던 것으로 알았으나, mdn에 검색해보니 color 이외에도 gradient, pattern을 지정할 수 있음을 알게 되었다... 2021년 5월 5일 코드스테이츠 DAY-31 첫 HA (HA대비 코플릿 복습 및 React capture time에 봤던 과제 미리 구현하기) 5월 6일 목요일 내일 첫 HA를 치르게 된다. 알고리즘을 만들어내는 능력이 많이 부족하다고 생각되는 가운데 시험을 치게되어 다소 걱정이 되고(그래서 코플릿 중 어려웠던 부분을 한번 다시 살펴 볼 예정이다.) 게다가 이번 HA에는 sprint를 따라가긴 했지만 아직은 낯선 REACT의 과제형 문항이 있다고 하니 긴장은 덤이다. 하지만 코드스테이츠 나름의 배려인지 REACT과제에서 만들어야하는 것의 작동 GIF를 아주 잠시 보여줬기에 힌트를 얻었고 이를 미리 오늘 아무것도 없는 무의 상태에서부터 구현해 볼 생각이다. 코드스테이츠에서 항상 만들었던 것에 더하여 완성을 했어서 막막함이 있지만 일단 당장 내일 시험이니 당장에 뛰어들어 보자! 2021년 5월 3일 코드스테이츠 DAY-29 React(unshift가 아닌 useState를 통한 정보의 최신화 그리고 select tag를 통한 filter된 정보만 보여주기) 2021년 5월 2일 React State & Props 예습(이벤트 핸들링을 통한 정보 전달 + ubuntu npm run test / npm run start ( 내일부터 들어가는 React State & Props를 대비하여 미리 sprint를 진행해보았다. 그 중 핵심이라고 생각하는 이벤트 핸들링 부분을 적겠다. 일단 언급할 부분부분의 코드는 아래와 같다. const Tweets = ( bedeveloper.tistory.com 위 어제 일자로 된 글을 보면 unshift로 새롭게 만든 tweet을 넣은것이 실제로 tweet창에는 정상적으로 추가 되었으나, testcase는 통과하지 못했음을 언급했었다. 해결방법은 결국에 useState의 set함수로 기존 dummyTweet에 새로운 tweet을.. 이전 1 ··· 6 7 8 9 10 11 12 13 다음
