반응형 TIL/코드스테이츠 TIL106 코드스테이츠 소프트웨어 엔지니어링 부트캠프 111 어느덧 111일 리덕스 복습했다. 다까먹은것같아서 큰일이다. 프로젝트 잘 할 수 있을까.. css로 reflow 줄여서 최적화 하는 방법을 알게 되었다. https://wnsdufdl.tistory.com/213 reflow를 줄이는 CCS사용 방법들 reflow reflow 는 생성된 DOM node의 layout sheet가 변경될때 영향을 받은 모든 노드의 수치를 다시 계산하여 렌더트리를 재생산하는 연산과정이다. reflow 가 일어나는 상황 페이지 초기렌더링 노드 추가, wnsdufdl.tistory.com 이전에 했던 넷플릭스 클론코딩 복습하면서 css position : absolute의 몰랐던 특징을 알 수 있었다. https://wnsdufdl.tistory.com/214 position .. 2021. 11. 6. 코드스테이츠 소프트웨어 엔지니어링 부트캠프 110 section3 ha가 끝났다. 아마 통과할것같다 다음주부터는 프로젝트! 2021. 11. 5. 코드스테이츠 소프트웨어 엔지니어링 부트캠프 109 HA3 첫날 코플릿HA봤다. 역시 쉬웠다. 내일있을 과제형 HA는 두렵다. 통과할수 있기를 virtual dom에 대한 공부 https://wnsdufdl.tistory.com/209 Virtual Dom Virtual Dom SPA로 인해 DOM 복잡도가 증가하고 최적화, 유지보수가 어려워졌다. DOM을 반복 조작할수록 렌더링횟수가 늘어나고, PC 리소스 소모가 많아진다. 이러한 문제점의 해결방안으로 Virtual DOM wnsdufdl.tistory.com code splitting에 대한 공부(동적 import, react.lazy,suspense) https://wnsdufdl.tistory.com/210 Code Splitting - dynamic import, React.lazy(), Susp.. 2021. 11. 5. 코드스테이츠 소프트웨어 엔지니어링 부트캠프 108 웹서버 앱서버(WAS) 웹서버 클라이언트의 요청이 html,css,js,image등 DB와 상호작용할 필요가 없는 정적 파일일때 응답하는 서버. 앱서버(WAS) 웹서버와 앱 사이에서 동적인 정보를 생성하는 역할을 하는 미들웨어이다. 동적인 정보란 DB의 정보를 검색하고 이를 가공할 필요가 있는 정보들이다. 예를 들면 '성인남자 고객들 중 가입이 1년 이상인 고객들의 비율' 같은 경우는 DB에서 고객들의 성별과 가입날짜를 검색하고 백분율을 계산해야 하기 때문에 동적인 정보라고 할 수 있다. 작동 순서 1. 웹 브라우저가 서버에 요청을 보낸다. 먼저 웹서버가 요청메시지를 받는다. 2. 요청 메시지에 동적 자원(DB연동,php,jsp등)이 없고 정적 자원들만 있다면 웹서버는 알맞은 응답을 보낸다. 웹서버가 처.. 2021. 11. 4. 이전 1 2 3 4 5 ··· 27 다음 반응형
