콘요맘떼 개발일지

OAuth (Open Authentication) OAuth는 사용자가 비밀번호를 제공하지 않고 다른 웹사이트 상의 자기 정보에 대한 웹 사이트 혹은 애플리케이션의 접근 권한을 부여할 수 있는 개방형 표준 방법이다. 구글, 페이스북, 트위터 등 다양한 기업들에서 해당 메커니즘을 활용하고 있다. 인증 방식의 표준이 존재하지 않았던 OAuth 등장 이전에는 아이디, 비밀번호 조합의 기본 인증을 따랐다. 기본 인증 방법은 보안의 관점에서 취약하기 때문에 일부 회사들은 자사의 고유 인증 방식을 개발하여 사용하였다. OAuth의 등장은 이렇게 제각각인 인증 방식을 표준화할 수 있게 해 주었다. OAuth 관련 주요 개념 1. 사용자 (User) : 계정의 주인인 유저 2. 소비자 (Consumer) : OAuth..

1. MPA (Multiple Page Application) - 여러 페이지로 구성된 Application이다. - SSR(Server Side Rendering) 방식으로 렌더링한다 : 페이지 이동하거나 새로고침할 때마다 서버로부터 정적 리소스(HTML, CSS, Javascript)가 다운된 후에 전체 페이지가 렌더링된다. 장점 (1) SEO 관점에서 유리하다 (2) 첫 로딩시간이 짧다 : 초기 요청 때 상대적으로 적은 리소스를 요청하기 때문에 렌더링이 빠르다. 단점 (1) 새로운 페이지로 이동하면 리로드가 발생하여 새로운 페이지 요청과 렌더링이 이루어진다. (화면이 깜빡이는데 이는 UX의 관점에서 단점에 해당한다.) (2) 페이지 이동할 때 중복된 템플릿도 로딩이 필요하다. (3) 서버 렌더링에 ..

면접관련 포스트들은 구글링한 다른 블로그들의 내용들과 교내 강의를 수강하면서 학습했던 내용을 합쳐서 정리하였습니다. 프론트엔드 면접과 관련된 공부 내용들은 해당 포스트에 지속적으로 추가될 예정입니다. 1. 브라우저 렌더링에 대해 설명하기 - 렌더링은 html, css, javascript 등 개발자가 작성한 문서를 브라우저에서 그래픽 형태로 출력하는 것을 말한다. - 구체적인 브라우저 렌더링 과정은 다음과 같다. 1) 브라우저 주소창에 사이트 주소를 입력한다. 2) 네임서버(DNS : Domain Name Server)가 입력된 도메인 주소에 해당하는 IP 주소를 연결시켜준다. 3) 서버로부터 수신된 html파일과 css파일을 파싱하면서 각각 DOM 트리와 CSSOM 트리를 형성해준다. (정확히는 htm..