일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- rendering
- 비동기
- S3
- 개발
- 스파르타코딩클럽
- Redux
- setstate
- react
- FileReader
- 라우팅
- updater
- previousState
- 후기
- useEffect
- 7기
- Preview
- routing
- route
- 배포
- Github Actions
- imagePreview
- 항해99
- CI/CD
- 접근 제한 라우팅
- 동기
- qwe
- 브라우저 렌더링
- 미리보기
- 채팅방
- socket.io
- Today
- Total
목록전체 글 (105)
삐옹
Object는 알다가도 모를 놈이다. 복사한다고 했는데, 원본 바뀐다고 얘도 똑같이 바뀌면 어쩌자는거지. 에 대한 해결법이다. 상황 user1에 있는 데이터를 user2에 복사한 뒤 user1에 수정이 일어났을 때 무슨 일이 일어날까. (user1의 데이터 타입이 *원시형일때와 **객체형 일 때 두가지 상황으로 나눠 설명합니다.) *원시형(primitive type) String Boolean null undefined symbol (ES6에서 추가됨) **객체형(object/reference type) object 원시 타입 데이터 복사 user1에 "mike"를 넣고, user2에 user1을 복사 해줍니다. let user1 = "mike"; let user2 = user; console.log(u..
배운 것 주특기 입문 주차의 개인과제가 마감날이었다. 아쉽게도 마지막 기능을 남겨놓고 미완성인 채로 배포를 하고 제출을 했다. 리액트로 일주일 간의 평점을 남기는 프로젝트 만들기였다. 처음 과제 가이드라인을 봤을 땐 생각보다 금방 끝나겠거니 생각했지만, 역시나 예상을 빗겨갔다. 리액 기본 강의들에서 배웠던 내용들은 리액트의 아주 기본적인 부분이었는데, 이걸 또 살짝쿵 활용하자니 쉬운 일이 아니었다. 나름 혼자 해보겠다고 코드를 짜다보니 아주 사방팔방 지저분하다. 이거 리팩토링 해보아야겠다. 개발자는 망가뜨린 장난감(?) 수 만큼 성장한다는 글을 보았다. 개인과제 때 무엇을 가장 배웠냐고 물어본다면 나는 기본기의 중요성이라고 말할 것이다. state, props, setState, useState, use..
주의 이 글을 함수형 컴포넌트 + react hook API를 기반으로 작성했습니다. HOOK class형 컴포넌트로 작성하지 않고 state와 다른 react기능들을 사용할 수 있게 해주는 기능. State : 상태값이 저장된 변수 useState : state 변수와 state 변수를 변경하는 함수를 반환 Side effect(effect) : 화면이 렌더링 된 이후에 처리되어야 하는 부수적인 것들. 예) API 호출 : 요청 즉시 1차 렌더링 함으로써 UX 측면에서 좋다 종류 정리가 필요한 것 정리가 필요하지 않은 것(network request, DOM 수동조작, 로깅 등) useEffect useEffect의 기본 형태입니다. useEffect(() => { // 여기에 렌더링 이후 실행할 ef..