웹개발
-
[2019.03.22] React로 작업한 첫번째 프로젝트를 진행해보며..핵인싸 개발자의 길/코드스테이츠 Pre Course 2019. 3. 22. 14:16
이머시브 수강 전에 리액트를 어느정도 다뤄보는게 좋을 것 같아서 미리 공부를 하고 프로젝트를 진행해 보았다.리액트는 앵귤러처럼 프레임워크가 아니라 라이브러리 형식으로 붙여서 사용하는거라 쉬울 줄 알았는데, 역시나... 뭐든 쉬운건 없나보다..처음 리액트를 접할 때 기초개념을 잡아야 하는 부분이 의외로 많았다.. # 기초개념을 다져야 했던 부분ES6문법렌더링 개념과 방식가상의 DOMprops와 state 블로그와 영상을 엄청나게 뒤져보며 공부하고 코드를 끄적여 본 다음에, 프로젝트를 따라서 작업해 봤다. # 첫번째로 작업한 프로젝트 '전화번호부' 이름과 전화번호를 클릭하여 등록 버튼을 누르면 밑의 리스트에 해당 내용이 추가가 된다. 검색할 이름을 입력박스에 입력을 하면 실시간으로 리스트가 렌더링 되어 해당..
-
[2019.03.06] 비동기 처리방식 Promise와 Async await개발 블로깅/Modern script 2019. 3. 6. 16:54
비동기적 통신방식인 AJAX가 있는데, 그것 말고 비동기적 처리 방식인 Promise가 따로 있다. 사실 둘의 무슨 차이인지는 모르겠다.AJAX는 통신이고, Promise는 함수처리를 비동기적으로 하는 것일까..? 우선 Promise가 향후에 많이 쓰여질 방식이라고 하는 것 같아, 사용방식에 대해 공부를 해봤다. # Promise 사용법 기본적인 사용 예제12345678910111213function delayP(sec){ return new Promise((resolve, reject)=>{ setTimeOut(()=>{ resolve('run!'); }, sec * 1000); }} let finalVal = delayP(1).then((result)=>{ console.log(result); ret..
-
[2019.03.04] Visual Studio Code 단축키개발 블로깅 2019. 3. 4. 22:32
앞으로 vsCode를 편리하게 자주 쓰기 위해서는 단축키를 어느정도 자유자재로 쓸 수 있으면 좋겠다고 생각해서,VScode 단축키 중 내가 활용을 많이 할 것 같다 싶은 것들만 따로 정리해보려고 한다. command + p : 파일 선택 Command + shift + p : 명령어 option + up,down : 현재 줄 위 아래로 이동 command + b : 왼쪽 탭 활성비 비활성화 command + [ : 왼쪽 들여쓰기 (반대도 가능) command + j : 터미널 밑 하단 탭 열기 command + shift + k : 해당 줄 삭제 command + / : 주석 (여러 줄 가능) command + i : 현재 줄 선택 option + shift + a : 다중 주석 command + shi..