Foundations 기간이 공식적으로 시작했다. 나를 비롯한 WeCode 5기 수강생들은 앞으로 프로젝트 전까지 선택한 스택을 집중적으로 공부할 예정이다. 아, 그리고 기다리고 기다리던 Code Kata 도 함께 시작되었다. Code Kata 란 매주 다른 파트너가 랜덤으로 정해져 매일 한시간씩 Algorithm 문제를 Pair Programmin...
지난 2주동안 HTML/CSS/JS 를 복습하며 두개의 프로젝트를 진행했으니 이제는 프론트엔드의 꽃, React를 본격적으로 공부하기 시작한다. 전에 조금 독학해본 관계로 아무래도 익숙한 부분이 있지만 처음 배운다는 마음으로 천천히 그리고 자세히 익힐 예정이다. 어제는 reactjs.org 에 들어가서 official documentation 의 mai...
리액트로 첫 프로젝트를 하면서 학교 선배에게 코드 리뷰를 부탁드렸는데, 선배가 코드를 보더니 한숨을 쉬시면서 내게 질문 한가지를 하셨다. "너 컴포넌트와 퓨어컴포넌트의 차이가 뭔지 알아?" "...몰라욘" "...공부해" 퓨어컴포넌트가 뭘까? 순수한 컴포넌트인가? 순수하면 뭐가 좋은거지? 조금 더 빠르다고 들은 것 같긴한데... 이 때까지는 정확한 정의를 ...
"형, 리액트에서는 input 태그를 쓸 때 onChange 파라미터로 event라는 놈을 받잖아요. 이 놈 정체가 뭐에요?" "그거? 프록시 객체라고 찾아봐" ~"프록시 그거 야동볼 때 쓰는거 아니.."~ 자주 들어왔던 용어기는 한데... 프록시가 대체 뭘까?! 프록시 객체는 또 무엇일까? "혼란하다" 프록시(Proxy) 물론 대부분의 사람들은...
서버 사이드 렌더링을 직접 구성하는 일은 너무 까다습니다. 특히 최근에 웹팩이 버전 4로 업그레이드 되면서 설정 관련해서 많은 부분이 바뀌어서 참조할만한 코드도 줄어들었습니다. 그래도 얼마간의 삽질(?) 끝에 웹팩 4 및 여러가지 스택과 함께 사용할 수 있는 보일러
검색 중에 우연히 발견했는데 React.js를 입문하시는 분들한테 좋은 길라잡이가 될 것 같아 올려봅니다. React.js 관련 지식은 물론이고, 기초적인 웹 지식, Node.js, Version Control (Git과 같은), Testing 등 여러가지 주제에 대해서 목차처럼 참조할 수 있게 되어있네요. 다음에 무엇을 공부할 지 잘 모르겠다면 참조해...