Ming's develop story

1. 기획서를 보고, 새로운 오늘의 TODO 페이지를 만들기 .title { color: blue; text-decoration: underline; } .wrap { display: flex; align-items: center; } .mini-card { border: 1px solid black; border-radius: 5px; padding: 2em; margin: 1em; } button { width: 80px; } button:hover { background-color: coral; } 오늘의 할 일 추가! function completeTodo(e) { console.log('완료했어') console.log(e.target) //event 속성을 사용해 콘솔에서 자신의 위치를 찾고 ..

개발자 도구를 열고 에러를 보는 것은 절대 까먹으면 안된다! (F12나 [Cmd +Opt + i ](맥), [Ctrl + Shift + i](윈도우) 또는 마우스 우클릭+검사를 눌러 개발자 도구를 열 수 있다) JSX 규칙 1. 태그는 꼭 닫아주기 원래 이렇게 닫아줘야 하는데 이런식으로 태그를 닫아주지 않으면 아래와 같은 빨간 화면을 만나볼수 있다. 2. 무조건 1개의 엘리먼트를 반환하기 이처럼 2개의 엘리먼트를 반환하면 아래와 같이 오류가 생긴다. Tip. 반환하는 값이 아예 없어서도 안된다. 그래서 null이라도 반환 해주어야 한다. 3. JSX에서 javascript 값을 가져오려면? 변수를 선언하고 {}-중괄호 안에 변수명을 써서 javascript 값을 가져올 수 있다. 만약 중괄호를 쓰지 않고..

npm을 통하여 yarn 설치 및 버전 확인 bash 터미널을 이용하여 진행 npm - 노드 패키지 매니저 npm, npx를 쓸 수도 있는데 yarn을 쓰는 이유는 속도가 조금 더 빨라서이다. 다른 것을 사용해도 무방하다. CRA(creat react app) 패키지 설치 리액트로 웹사이트를 만들때 필요한 모든것을 갖고있는 패키지이다. 마지막에 Done in 시간이 나오면 설치가 완료된 것이다. React 프로젝트 폴더 만들기 추가 - 위 사진과 같이 나와야 프로젝트가 다 만들어진 것이다. 이후 아래와 같이 week-1 폴더에 들어가서 yarn start를 해준다. yarn이 정상적으로 실행이 되면 http://localhost:3000/의 홈페이지가 자동으로 켜지는데 만약 켜지지 않는다면 직접 들어가도..

nvm을 설치후 VScode의 bash 터미널을 통해 node의 다른 버전들을 다운로드 받는중 예상치 못한 오류가 발생하였다. nvm install v14.17.6을 통해 내가 쓰고자 하는 버전을 다운로드 받은 뒤, nvm use 14.17.6 명령어를 실행하였는데 이런 오류가 계속 나오며 버전 변경이 되질 않았다. 구글링과 스택오버플로우 등을 찾아보며 nvm과 node재설치도 수없이 해봤고 nvm root와 설치경로를 바꿔보는 등 다양한 방법들을 다 시도했지만 문제는 해결되지 않았다. 들어야 할 강의는 산더미인데 환경설정 부분에서 4~5시간동안 진전이 없으니 답답해 죽을맛이었다.. 오후 7시 이후 질문방에 올려놨던 내 문제가 3기 수강생분한테서도 발생했었던 일이었다고 멘토님께서 그분의 블로그 링크를 주..