오늘의 도전과 배움
리액트로 To Do List 만들기 1단계
조금씩 코드를 지우고 다시 써보는 연습을 했다.
학습 중 궁금한 점, 어려웠던 점
1단계 : todo앱 jsx를 짜고 css를 넣어보세요.에서
jsx가 뭐지? 하고
리액트 사이트에서 정의를 쭉 읽었다.
JSX란?
const element = <h1>Hello, world!</h1>;위에 희한한 태그 문법은 문자열도, HTML도 아닙니다.
JSX라 하며 JavaScript를 확장한 문법입니다. UI가 어떻게 생겨야 하는지 설명하기 위해 React와 함께 사용할 것을 권장합니다. JSX라고 하면 템플릿 언어가 떠오를 수도 있지만, JavaScript의 모든 기능이 포함되어 있습니다.
JSX는 React “엘리먼트(element)” 를 생성합니다. 다음 섹션에서는 DOM에 어떻게 렌더링하는지 알아보겠습니다. 아래를 보면 JSX를 시작하기 위해 필요한 기본사항을 찾으실 수 있습니다.
출처:https://ko.reactjs.org/docs/introducing-jsx.html
근데 난 const도 뭔지 정확히 몰라..
친절한 리액트씨의 설명에도 이해가 어려운 나..
const 란?
const 선언은 블록 범위의 상수를 선언합니다. 상수의 값은 재할당할 수 없으며 다시 선언할 수도 없습니다.
출처:https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/const
상수의 값을 재할당할 수 없으며 다시 선언할 수도 없습니다. 왜?
이 선언은 선언된 함수에 전역 또는 지역일 수 있는 상수를 만듭니다. 상수 초기자(initializer)가 필요합니다. 즉 선언되는 같은 문에 그 값을 지정해야 합니다(이는 나중에 변경될 수 없는 점을 감안하면 말이 됩니다).
상수는 let 문을 사용하여 정의된 변수와 마찬가지로 블록 범위(block-scope)입니다. 상수의 값은 재할당을 통해 바뀔 수 없고 재선언될 수 없습니다.
음.. 블록 범위 라서?
내일 해보고 싶은 점, 방향
리액트 사이트의 설명 더 꼼꼼하게 읽어보기.
그리고 최소 3단계까지는 지우고 쓰는 연습 제대로 하기. -> 안보고 다 쓸 수 있게.
오늘은 학원에 남아있는 책 찾고 매니저님이랑 동기언니 만나 좀 즐거운 시간을 보냈다.
그래서 연습을 거의 안했다.. 그래도 오늘 SSAFY 간단한 지원서 작성해서 제출하고 간단한 일정 계획도 세웠고
책도 도착했고, 2차면접도 잡혔고 하니 내일 부터는 아침부터 다시 코딩 위주의 생활을 해야지.
SSAFY 글 찾아보고 모의 면접 생각하느라 너무 시간을 낭비했다. 트위터도 갑자기 막 쓰기 시작해서 마음이 붕붕 떠있네ㅜㅜ
다시 일일회고도 매일 쓰고 매일매일 공부해야겠다. 내일부터는 일일회고 작성도 아예 시간을 정해두고 해야겠다.
