본문 바로가기

전체 글400

리액트 컴포넌트 코드 실행순서 서버사이드에서 componentDidMount , componentDidUpdate, componentWillUnmmout가 실행됌 1. 먼저 랜더링이 된다(jsx의 리턴이 발동) 2. console.log("컴포넌트디드마운트") -> console.log("비동기테스트") 실행 3. set함수 실행 => state 변경이 일어나니 다시 '리랜더링'이 일어난다. *랜더링이 된다? 컴포넌트 최상단부터 다시 읽기 시작한다는 것 ?? 리랜더링이 되었을땐, state 값이 바뀐 상태이니 리액트가 알아서 '응 바뀐거없구나' 하고 건너뛰어 또 리랜더링이 안일어나는게 맞나? 리랜더링 과정에서는 useEffect를 점프하고 넘어가서 리턴부분만 실행한다. 4. state변경함수들은 '비동기'함수인데 , 비동기 함수 특징.. 2023. 1. 18.
[TIL] 오늘의 개발일지 오늘은 타입스크립트 코딩애플 강의 파트1을 들었다 팀 편성이 바뀐 첫날이라 그런지 중간중간 집중력이 흐려지기도 했지만 더 정신을 단디 차려야겠다고 다짐한 투데이!!!! 내일은 리액트에서 타입스크립트 쓰는걸 본격적으로 파야징 개발일지 적다가 갑분 생각나서 나에게 질문하기 🔎 타입과 interface의 차이가 뭐니?? interface는 똑같은 이름으로 여러번 선언하면서 속성을 추가할 수 있는데 타입스크립트는 똑같은 이름으로 선언은 안되고 a & b 이런식으로 합칠 수 있었는데 a & b 의 의미는 a 타입도 만족하고 b타입도 만족해야해요 라는 뜻이라 인터페이스랑은 좀 다르다? 답안) 오늘 수업시간에 정리한 코드 일부 발췌 //⭐️ interface는 '확장'(extends)을 할 수 있다!!!!! inte.. 2023. 1. 17.
1/17 타입스크립트 공부노트 ( 코딩애플 타입스크립트 강의!! ) tsconfig.json 중요한 부분들 정리 ( 코딩애플 강의 내용 ) { "compilerOptions": { //target'은 타입스크립트파일을 어떤 버전의 자바스크립트로 바꿔줄지 정하는 부분이다. "target": "es5", // 'es3', 'es5', 'es2015', 'es2016', 'es2017','es2018', 'esnext' 가능 "module": "commonjs", //무슨 import 문법 쓸건지 'commonjs', 'amd', 'es2015', 'esnext' "allowJs": true, // js 파일들 ts에서 import해서 쓸 수 있는지 "checkJs": true, // 일반 js 파일에서도 에러체크 여부 "jsx": "preserve", // tsx 파일을 j.. 2023. 1. 17.
[TIL] 오늘의 개발일지 오늘은 ts를 학원에서 처음 나갔는데, 역쉬나 Java가 많이 생각났다 아직 제네릭에 대해선 정확하게 모르겠는데 많이 접하다보면 익숙해지겠징?! 오늘 저녁엔 지지난 프로젝트때 만났던 팀원분들과 모여서 , 우리가 만든 프로젝트를 어떻게 리팩토링할지 정했당 일단 화요일까진 타입스크립트를 어느정도 강의로 익숙해진 다음에 수요일부터 한명씩 돌아가며 라이브코딩을 하면서 같이 공부하는 시간을 가지기로 했다 >_ 2023. 1. 17.
[TIL] 1/14 개발일지 (노션에 정리한거 티스토리에도 올리깅) 지난주 금요일에 노션에 썼던 개발일지 티스토리에도 공유 ! https://zealous-seeker-d06.notion.site/1-14-cd91877c14df4b35b281aafe7b421196 1/14 쳇 쥐피티 zealous-seeker-d06.notion.site 2023. 1. 16.
[WIL] 주말 개발일지 주말동안에 타입스크립트를 예습하는 시간을 가졌다 타입스크립트 강의를 들으면서 자바스크립트 모호하게 알고 있었던 개념 정리도 하고 뿌듯한 시간이었당 _ https://warn-code.tistory.com/246 터미널로만 깃헙 작업하기중 not a valid object name: 'master' 만나쪙 이유 : 한번도 커밋을 안해서 그런거라고 한당 ㅇ_ warn-code.tistory.com https://warn-code.tistory.com/247 [js] 클래스 개념 이해하기 var nunu = { q: "consume", w: "snowball", }; var garen = { q: "strike", w: "courage", }; // class는.. 2023. 1. 16.

티스토리툴바