오늘은 20일에 강의 다 듣고 정리한 것을 대학 친구들 만나고, 집에 온 아버지랑 놀고, 영화 보느라 이제야 쓴다. 당일에 정리했으면 지금 새로운 강의 듣고 진도 나갈텐데 끙 이제라도 앉은 게 어디냐 정리하자. ※오늘의 문제점 특정코드 실행을 제한하고 싶음※ 리액트는 component내의 state가 변경, props로 전달받은 인수가 변경, 부모컴포넌트가 렌더링 되면 해당 컴포넌트는 리렌더링 되는 유용한 기능이 있다. 다만, 우리가 원치 않는 부분까지 리렌더링 하게된다. 예를 들어 접속시 회원의 이름은 console.log를 통해 알려주는 코드가 있으면 우리가 검색 기능을 사용하기 위해 input창에 입력 시 console.log는 처음 한 번만 나타나면 되는 기능인데도 위의 여러 이유로 리렌더링 된다..
본격적으로 프로젝트가 시작되었다. 지금껏 만든 방식 그대로 Button을 한 개 만들어 볼 것이다. 자바스크립트에서는 애플리케이션을 실행하기 위해 한 파일에서 코드를 작성하기에는 너무 불편한 점이 많기에 하나의 파일을 여러개로 쪼개는 것이 가능한데, 그때 사용하는 것이 import와 export이다. export를 붙인 모듈은 파일 외부에서도 import를 통해 사용할 수 있다. 두 파일의 오작교 같은 역할이다. 지금 위의 line5에서도 이 버튼을 외부에서 즉 index.js에서 사용하기 위해 적은 것이다. 비교적 되게 최근에 한 것들이 여러 보인다. Button.js에서 Button을 만들고 Button {text}에 들어갈 형식을 string으로 정해주는 propTypes를 npm i 를 통해 설치..
본격적으로 프로젝트를(클론 코딩) 시작하기 앞서 몇 가지 준비물을 갖추자 1. Create React App을 위해 Nodejs 를 설치해야 한다.(많은 스크립트와 사전 설정을 도와줘 애플리케이션을 만들기 훨씬 쉽고 유용하다. 1-1 Nodejs 홈페이지에 들어가 내게 맞는 버전을 설치 후 cmd를 열어 npm -v를 한다. 설치가 되었다면 현재의 버전이 보일 것이다. 1-2 npx커맨드를 사용할 수 있는지 확인한다. 나의 경우엔 'npx를 사용하기 위해서는 ~을 설치해야합니다. 라고 뜨길래 설치했다. 1-3 npx create-react-app (내가 원하는 프로젝트 명) 나는 my-react-project라고 했다. 막 이것저것 만들고 우당탕탕 한다. 기다리면 다 만들어졌다는 문구가 뜬다. 생성된 M..
노동 뒤의 휴식이야말로 가장 편안하고 순수한 기쁨이다. -임마누엘 칸트 휴식 뒤의 노동이야말로 가장 불편하고 악랄한 고통이다. -최민규는 칸초 주말에는 적당히 부지런한 민규씨 재밌게 주말을 즐기고 일요일과 월요일의 경계 즉, 쉬어야 할까 공부해야 할까 싶은 이 스릴을 즐기며 글을 작성한다. 목표는 배운거 정리 + 일주일을 미룬 생일 선물 리뷰글 + 가능하다면 약간의 근력운동 후 취침 근데 오늘 리액트 복습에 사진, gif가 많이 들어가고내일 학준이랑 운동해야되서 일찍 자야 하는데 할 수 있을까? 몰라 파이팅이야 민규야 가자! 이번 복습은 저번시간에 코드를 전체 띄우고 하자니 너무 난잡하고 집중하기 힘들어서 이번에는 시간이 오래 걸리더라도 중간중간 메모를 많이 하고 사진을 많이 남기기로 했다 ⍝ ˘ ᵜ ˘..
