react
-
[2019.02.22] React로 Twittler 작업 완성..(하루만에..대박!)핵인싸 개발자의 길/코드스테이츠 Pre Course 2019. 3. 23. 01:07
대박...오늘 아침까지 리액트 첫번째 프로젝트 작업한거 개념 정리하고, preCoure 과제로 진행했던 트위틀러를 똑같이 리액트 방식으로 구현해 보았다.솔직히 내일까지는 걸릴 줄 알았는데, 오늘 점심부터 작업해서 방금 구현을 다 끝냈다! # 기존의 과제 때 구현했던 페이스북 형식의 twittler를 React 방식으로 구현한 모습 외관 상으로는 변경된 점이 당연히 없다. 정말 많이 변한 부분은 안의 소스코드 내용이다. # 리액트로 작성한 소스코드 기존의 html, css, javascript로만 작성했던 것을 거의 뒤집어 엎었다. 리액트 방식으로 작업을 하니 코드 구조가 전체 다 바뀌고, 데이터를 주고받는 형식, 렌더링 방식 등이 전부 달라서...작업 중에 정말 많이 헷갈렸다. 그래도 첫번째 작업한 전화..
-
[2019.03.22] React로 작업한 첫번째 프로젝트를 진행해보며..핵인싸 개발자의 길/코드스테이츠 Pre Course 2019. 3. 22. 14:16
이머시브 수강 전에 리액트를 어느정도 다뤄보는게 좋을 것 같아서 미리 공부를 하고 프로젝트를 진행해 보았다.리액트는 앵귤러처럼 프레임워크가 아니라 라이브러리 형식으로 붙여서 사용하는거라 쉬울 줄 알았는데, 역시나... 뭐든 쉬운건 없나보다..처음 리액트를 접할 때 기초개념을 잡아야 하는 부분이 의외로 많았다.. # 기초개념을 다져야 했던 부분ES6문법렌더링 개념과 방식가상의 DOMprops와 state 블로그와 영상을 엄청나게 뒤져보며 공부하고 코드를 끄적여 본 다음에, 프로젝트를 따라서 작업해 봤다. # 첫번째로 작업한 프로젝트 '전화번호부' 이름과 전화번호를 클릭하여 등록 버튼을 누르면 밑의 리스트에 해당 내용이 추가가 된다. 검색할 이름을 입력박스에 입력을 하면 실시간으로 리스트가 렌더링 되어 해당..