y.developer

2024.03.28 Careertone Challenge Study 04 React, Vue, Angular의 차이점은 무엇인가요? React 라이브러리 단방향 바인딩으로 부모 컴포넌트에서 props가 자식 컴포넌트로 전달된다. jsx 문법을 사용한다 개발 생태계가 가장 잘 활성화 되어있다. 큰 규모의 어플리케이션 개발에 유리하다. Vue 프레임워크 양방향 바인딩이 구현 가능하다. 러닝커브가 가장 낮다. Angular 프레임워크 양방향 바인딩이 구현 가능하다. 타입스크립트를 사용함으로써 코드의 가독성과 안정성이 좋다. 러닝커브가 크다. 상태관리 방법에 대해서 설명해주세요. 상태관리를 해야하는 이유 React는 SPA이기 때문에 JS로 DOM을 조작하는 방식이 아니라, 가상 DOM 방식을 사용해 화면에 있..

2024.03.26 Careertone Challenge Study 03 호이스팅에 대해 설명해주세요. 자바스크립트에서 변수 선언과 함수 선언이 해당 스코프의 최상단으로 끌어올려지는 현상입니다. 자바스크립트 엔진이 코드를 실행하기 전에 런타임에서 일어납니다. 호이스팅으로 인해 변수나 함수를 선언하기 전에도 해당 요소에 접근할 수 있습니다. 하지만 이렇게 사용하는 것은 일반적으로 권장되지 않으며, 오류를 발생시킬 수 있습니다. let과 const는 호이스팅되지만, Temporal Dead Zone(TDZ)에 의해 선언되기 전에는 참조할 수 없습니다. 이는 변수를 사용하기 전에 선언해야 한다는 규칙을 강화해, 코드의 안정성을 높이는 데 도움이 됩니다. 클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(..

2024.03.21 Careertone Challenge Study 02 브라우저 주소창에 URL을 입력하면 일어나는 일 브라우저는 사용자가 선택한 자원(Resource)을 서버에 요청하고, 서버로부터 받은 응답(Response)을 브라우저에 렌더링(Rendering)합니다. URL 요청 : 사용자가 웹 브라우저에 URL을 입력하면, 브라우저는 URL의 도메인 이름을 DNS 서버에서 검색하여 IP주소를 찾습니다. HTTP 요청 생성 : 브라우저는 IP 주소와 URL 정보를 기반으로 HTTP 요청 메시지를 생성합니다. 이는 TCP 프로토콜을 사용하여 서버로 전송됩니다. 서버 처리 : 서버는 HTTP 요청 메시지를 받아서 처리하고, 요청된 웹 페이지 데이터를 검색합니다. HTTP 응답 전송 : 서버는 웹 페..

2024.03.19 Careertone Challenge Study 01 HTTPS는 무엇인가요? HTTPS(Hypertext Transfer Protocol Secure) HTTP가 전송하는 데이터가 암호화되지 않은 부분을 보완한 프로토콜이다. TLS 계층을 거치는 방식으로 HTTP를 운영하여 HTTP의 전송 메시지 바디(전송되는 데이터가 있는 부분)를 암호화시키는 것이다. HTTPS가 활성화된 배경 온라인 상거래나 사용자 인증 등 보안을 유지하는 데 사용되었다. 구글은 2014년 HTTPS 사용을 권고했고, 검색 엔진 가산점 정책에 HTTPS를 추가시켜서 많은 사이트가 전환하게끔 이끌었다. HTTP와 HTTPS의 차이점 보안 적용의 유무이다. 보안의 핵심에는 SSL/TLS 프로토콜과 CA 인증 메커니..