Dug_House

https://sanghoon98.notion.site/TCP-IP-UDP-7c361ff868b54695a70a12f6a3f5cc62 TCP / IP & UDP 요약 sanghoon98.notion.site 개인 노션에 정리한 내용입니다.

https://sanghoon98.notion.site/REST-API-462d8e5fe16940df9340b3002e0be211 REST API 출처 sanghoon98.notion.site 개인 노션에 정리한 내용 입니다.

https://sanghoon98.notion.site/Client-Server-HTTP-HTTPS-a2b6c5b313c3406aaa0aa7b554315af6 Client & Server : HTTP & HTTPS 서버 sanghoon98.notion.site 개인 노션에 정리한 내용입니다.

https://sanghoon98.notion.site/CORS-SOP-f3c02bd5441a4cb6a34be08afeba2513 CORS & SOP CORS : Cross Origin Resource Sharing sanghoon98.notion.site 개인 노션에 정리한 내용

요약1. HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.)2. CSS 마크업을 처리하고 CSSOM 트리를 빌드한다. ("어떻게" 그릴지 결정한다.)3. DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정)4. 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.)5. 개별 노드를 화면에 페인트한다.  자세한 내용은 밑에 개인 노션에 정리한 것을 확인해주세요 https://sanghoon98.notion.site/4f0c03b5de584f1792310f8ba40d97c7 브라우저 렌더링 과정v8 JS엔진으로 빌드된 JS런타임 환경인 Node.js의 등장으로 JS는 웹브라우저를 벗..

var, let, const 전부다 호이스팅은 되지만 let과 const는 호이스팅이 안되는 것처럼 동작한다. 호이스팅 요약 변수를 선언하고 할당했을 때 선언부분이 최상단으로 끌어올려지는 현상 ⭐ 많이 헷갈리는 부분이 선언과 동시에 초기화해도 선언부분만 분리하여 최상위로 끌어올린다. ex) let a = 10;일때 let a;만 최상위로 올라감 👍🏻 출석체크 먼저 할게~ 역할(값 할당)은 이따가 정해줄게~! 즉, JS엔진은 선언문이 어디에 위치하든 다른코드보다 먼저 실행한다. 따라서, 변수선언이 어디에 위치하든지 상관없이 어디서든 변수를 참조할수있다. 메모리 공간을 먼저 확보한다는 것이다! 변수 생성 3단계 선언 단계 : 변수를 실행컨텍스트의 변수 객체에 등록함 초기화 단계 : 실행 컨텍스트에 등록된 변..

사진을 업로드하는데 계속 버그가 뜬다...! 여기서 키워드는 No 'Access-Control-Allow-Origin' header is present on the requested resource. 즉, CORS 차단되었다는 것이다 그래서 S3 콘솔로가서 CORS를 변경해주었다. [ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "HEAD", "GET", "PUT", "POST", "DELETE" ], "AllowedOrigins": [ "*" ], "ExposeHeaders": [ "ETag", "x-amz-meta-custom-header" ] } 그러고 다시 사진을 업로드 해보니 아직 안됨... 그래서 s3 400을 구글링 해보았다. https://velo..

고려해야할 점1. Next는 SSR이라서 클라이언트에서만 ToastUi-Editor를 dynamic import를 해와야함 2. Next에서의 환경변수는 .env.local파일안에서 클라이언트에서만 사용할 것은 밑에 처럼 NEXT_PUBLIC_ 키워드가 앞     에 붙어야한다3. dynamic import를 사용했기에 ref를 제대로 가져오지 못한다 그래서 React.fowardRef()를 사용해서 ref를 가져와야함  dynamic import  React.fowardRef()참고자료https://myeongjae.kim/blog/2020/04/05/tui-editor-with-nextjshttps://velog.io/@broccoliindb/Next.js-Editor-SSR-REF-이슈https:/..