홍준혁

오늘은 노마드 코더 ToDoList콘테스트에 참가했다. 게다가 참가자 전원에게 커피 쿠폰은 준다고 하니까 참여 안 할 이유가 없었다!그래서 이틀동안 열심히 준비해서 콘테스트 출품작을 완성했다! 완성된 출품작은 hong-junhyeok.github.io/Nomad_Todo_contest/ Nomad Todo Contest hong-junhyeok.github.io 여기서 확인할 수 있다! 최종 발표일이 3월 2일인데... TMI이지만 그때는 내 생일이기도 하다. 그러니까 그때 좋은 결과가 났으면 좋겠다! nomadcoders.co/community/thread/207 #207 – 노마드 코더 Nomad Coders 개발자 99% 커뮤니티에서 수다 떨어요! nomadcoders.co 위 사이트에서 추천이 가..

타입 스크립트는 자바스크립트의 슈퍼셋이다. 타입 스크립트를 사용하면 개발자 입장에서 좋은 코드를 작성할 수 있게 된다. (바보 같은 오류를 방지해준다.) 그래서 리액트에서 타입 스크립트를 사용해보자. 먼저 디렉터리를 만들고 CRA를 해준다. 이렇게 해주면 자동으로 타입 스크립트가 설정된 리액트가 프로젝트가 만들어진다. 기본적으로 만들어진 프로젝트에 App과 index를 남기고 다 지워도 무방하다. - 이렇게 파일 구조를 생성해주자. 그다음에 APP에서 styled-components를 이용해서, import styled, { createGlobalStyle } from 'styled-components'; styled와 createGlobalStyle을 선언해주자. 이렇게 되면 GlobalStyle컴포넌..

먼저 프로젝트에 리액트를 설치를 해주도록 하자 vscode에서 기본으로 지원하는 터미널에 git bash를 연결하였다. create-react-app todolist create-react-app을 사용해서 todolist라는 파일에 react세팅을 해주도록 하자. 빌드에 성공하면 Happy hacking이라는 글이 뜬다. 이제 happy hacking글 위에 명령어(cd , yarn start)를 순서대로 치면 로컬호스트로 서버가 열린다. 이제 리액트 웹 서버가 열린것을 볼 수 있다. 브라우저를 보면 React App이라는 웹이 생긴것을 볼 수 있다. 이제 리액트 앱을 만들었으니 설정을 해주도록 하자. App.css의 내용을 모두 지워주고,App.js에서 이렇게 설정을 해주자. 그렇게 저장을 하고 리액..