꿈꾸는 개발자

react에서 inline css styling하기 사용자 정의 컴포넌트 Btn에 있는 onClick은 event handler가 아닌, props에 넘겨주는 프로퍼티 값에 해당한다. 따라서, 해당 컴포넌트 함수에서 구조 분해 할당을 통해 꺼내와서 사용할 수 있다! (html element에 입력하는 것은 event handler임) 실제 html 태그에 입력해줘야 적용이 되는거지, 사용자 정의 컴포넌트에 입력하는 것은 아무 소용이 없음! React Memo: text="Continue"에 해당 하는 props는 상태 변경이 발생하지 않기 때문에 props의 변동이 발생하지 않는다 => 하지만, 첫 번째 Btn과 같은 컴포넌트를 공유하기 때문에 첫 번째 props의 상태 변경이 발생하면 동시적으로 리렌더..

npm init -y npm i -D typescript -D는 devDependencies를 의미하고, typescript는 말 그대로 typescript을 의미함! 위와 같이 파일을 작성했을 때 vsc는 typescript로 코드가 작성됨을 바로 알 수 있음 => auto complete을 제공할 수 있음!! VSC 자체적으로 위 옵션들을 보여줌 타입스크립트가 src에 있는 모든 파일을 모니터링한다는 의미 타입스크립트는 컴파일러이다 => 따라서, TS => JS를 어떤 폴더에 지정할 것인지 정해주는 것이다 => 해당 예시에서는 build라는 파일을 명시하고 해당 파일에 컴파일을 시행함 script에 build:tsc를 입력해주고 그 다음 npm run build를 해주면, 컴파일링이 실행된다 위처럼 ..

#4.2 위와 같은 방법으로 public이면서 접근 불가능하게 만들 수 있다 type에 대한 복습: type Food=string; const kimchi:Food="delicious"; type Person={ nickname:string, healthBar:number, } const nico:Person={ nickname:"nico", healthBar:10, } //새로운 것 type Team= "read"|"blue"|"yellow" type Plyaer={ nickname:string, team:Team, } 위와 같이 다양한 방식으로 type을 사용할 수 있다! Interface : type Team= "read"|"blue"|"yellow" interface Plyaer { nicknam..

보호되어 있는 글입니다.