기록되지 않은 것은 기억되지 않는다

본 글은 노마드코더 ReactJS로 영화 웹 서비스 만들기를 바탕으로 리액트 기본 개념에 대해서 알아보는 글입니다. 이번편은 밑에 있는 문장과 버튼을 js버전, React createElement를 이용한 버전, JSX를 이용한 버전을 통해서 설명할 것입니다. create-react-app을 쓰지 않고 js파일에다가 작성하여 알아보는 이유는, 복잡한 방식으로 함으로써 이해를 더 쉽게 하기 위함입니다. 서로 다른 버전을 비교하시며, 주석을 보시면 이해하기가 편하실겁니다. JS버전 Hello I'm a title Click me 문장과 버튼을 만드는데에도 코드의 길이가 좀 길다. HTML을 만들고 javascript를 가져오고, event를 감지하고 등등 만약 데이터를 업데이트 하려면 데이터를 업데이트 한 ..

구조분해는 기본적으로 값을 푸는 것입니다. 배열이나 객체의 속성이나 값을 구조분해하여 값을 변수에 담을 수 있게 하는 자바스크립트 문법입니다. 배열 구조 분해 배열이 갖고있는 값을 꺼내서 쓰려고 하면 직접 배열의 값을 지정해서 썼어야 합니다. 이렇게 쓴다면 코드도 길어지고, 한눈에 알아보기도 힘듭니다. const food = ["kimchi","bulgogi","pasta"] const koreanFood1 = food[0]; const koreanFood2 = food[1]; const foreignFood = food[2]; console.log(koreanFood1) //"kimchi" console.log(koreanFood2) //"bulgogi" console.log(foreignFood) /..

공부를 시작하고서 처음부터 공부한 내용을 기록했으면 좋았을텐데, 귀찮다는 핑계로 계속 미루다가 공부하는 도중에 기록을 하게 되었다. 중간에서부터 기록을 하더라도 천천히 내용들을 채워나가려고 한다.