일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Redux
- 미리보기
- react
- 후기
- S3
- setstate
- 동기
- Preview
- updater
- 배포
- 7기
- imagePreview
- 개발
- 브라우저 렌더링
- FileReader
- previousState
- 접근 제한 라우팅
- route
- 비동기
- CI/CD
- Github Actions
- 항해99
- 채팅방
- socket.io
- 라우팅
- qwe
- routing
- useEffect
- 스파르타코딩클럽
- rendering
- Today
- Total
목록전체 글 (105)
삐옹
두 개의 다른 애플리케이션 개발 방식인 SPA와 MPA의 차이점에 대해 정리했다. SPA vs MPA MPA(Multiple Page Apllication)는 화면이 여러 개(Multiple)로 이루어진 페이지입니다. SPA(Single Page Application)는 화면이 하나(Single)로 이루어진 페이지입니다. MPA는 새로운 페이지를 요청할 때마다(버튼을 누르거나 입력을 할 때) 매번 페이지 로딩이 이루어집니다 반면 SPA는 웹 애플리케이션에 필요한 모든 정적 리소스(html,css,js)를 최초 렌더링 때 다운 받습니다. 그 이후로 새로운 페이지를 요청이 있을 때, 페이지 갱신에 필요한 데이터만 서버로 부터 받아옵니다. 그렇기 때문에 MPA를 SSR(Server Side Rendering)..
Javascript와 React는 DOM에 접근하는 방식이 조금 다릅니다. 차이를 먼저 알아보겠습니다. vanilaJS javascript에서 DOM 엘리먼트를 수정하려는 경우엔, 해당 DOM을 지정하기 위해 *선택자를 사용합니다. /* 안녕하세요 */ // 예시 const myElement = document.querySelector('#my-id'); myElement.style.color = 'yellow'; 하지만 vanillaJS와는 달리 react에서는 특정 DOM을 직접적으로 수정해야 하는경우 ref를 사용합니다. *선택자 document.getElementsById() document.querySelector() document.querySelectorAll() ... React ref를 ..
목차 이번 주 배운 것 느낀 것 아쉬웠던 것 개선할 것 이번 주 키워드 이번 주 배운 것 이번 주는 알고리즘과 주특기 주차가 겹친 주였다. 알고리즘은 처음이라 문제를 풀고 정리를 하는데 시간이 꽤 많이 걸렸다. 정리를 어떻게해야하나 고민이 많았는데 정리를 잘해놓은 분들의 깃을 참고하며 어떻게 정리를 할지 정하고 그 틀도 만들었다. 글을 쓰고 정리를 함에 있어서 블로그도 그렇고, 깃도 그렇고 나만의 틀이 짜여가는게 기분이 좋았다. 전에 잠깐 공부했던 적이 있었기에 간만에 만난 리액트가 반가웠고 재미도 있었다. 그렇다고 조금 덜 열심히해도 되겠지라는 생각은 지양해야겠다. 느낀 것 기록하는 습관이 얼마나 중요한지 느꼈다. 기록하지 않으면 사람의 기억은 '휘발성'메모리가 될 수 밖에 없다. 99일 뒤엔 개발에 ..