매콤달콤코딩 매콤달콤코딩

맥북에 적응 했다고 생각했는데 바로 아니나 다를까 고생 하는중....  구글링을 하다가 뭐지 왜지?? 하다가 포기 할까 찰라 코딩 애플님 강의를 들으셨던 분 한분이 질문을 남기고 코딩 애플님 이 댓글을 남겨주신 걸 보게 되었다  sudo chown -R $USER 이렇게 하고 sudo chown -R $USER /Users/developer/blog/blog/node_modules/ 뒤에 내가 생성한 프로젝트 경로를 넣어주면 끝. npm start  하게 된다면 우리가 알던 그 화면이 짠 하고 뜨게 된다.

npm 에러는 처음이라 무척 당황 스러웠다.....뭐지 하고 이것저것 다 찾아 보고 하는데도 결국 해결하지 못했다,......하지만 늘 그렇듯 어이 없게 해결을 할수 있었다..  당황하지 않고 이 문구를 봤더라면....삽질을 안했을 텐데,,,,,,간단하게  프로젝트가 경로에 없다고 하니 cd + 프로젝트 명 하면 끝...... 그럼 정상적으로 npm start 가 정상적으로 작동을 한다... 이거 땜에 하루를 날리다니.....  윈도우 환경 맥북 환경 상관없이 동일하다.

state 란 1. 변수 대신 쓰는 데이터 저장공간 2. useState()를 이용해 만들어야 한다. 3. 문자,숫자,array,object다 저장가능 let [a,b] = useState('남자 코트 추천'); 이렇게 써야함 state 의 장점 웹이 App처럼 동작하게 만들고 싶어서 사용함 HTML이 자동으로 재렌더링이 된다. =HTML이 새로고침 없이도 부드럽게 변경된다. 자주 바뀌고 중요한 데이터는 변수 말고 state로 저장하는게 좋다.

JSX JSX(JavaScript Syntax Extension)는 React에서 사용하는 JavaScript 확장 문법이다. JSX는 HTML 코드를 작성하는 것과 비슷하기 때문에 가독성이 높다. 또한 HTML 태그도 사용이 가능하고 내부에 컴포넌트도 작성이 가능하여 활용도가 높다.JSX라고 하면 템플릿 언어가 떠오를 수도 있지만, JavaScript의 모든 기능이 포함되어 있습니다. 데이터 바인딩 이 매우 쉬워져서 JSX를 사용함 React 1. class=""가 아니라 className=""이렇게 클래스명 집어넣어야 한다. 2. {} 이용해서 주변의 javascript 변수 태그 중간중간 집어 넣을 수도 있다. 3. 스타일을 넣고 싶으면 style={ 오브젝트 자료형으로 만든 스타일 } 을 집어 넣..