cs지식
1.웹 동작 방식 (3-way, 4-way handshake)
🏄 웹의 동작 방식 cs면접에서 네트워크 분야에서 단골손님이다... 무조건 알고 있어야 하는 cs지식이라고 할 수 있겠다.. > 클라이언트(사용자pc)가 서버pc에 원하는 요청을 보내면 서버가 요청에 대해 응답을 주는 과정이라고 볼 수 있다. 위와 같은 그림을
2.자바스크립트 CS지식 간단정리 (지속적으로 추가중...)
본 글은 js에 대한 cs지식에 관한 작성글로 수정하여 점차 지식 내용을 늘려나갈 예정이다. cs지식들을 간단하게 정리하였으며, 추가적으로 공부가 필요한 부분은 세부적으로 들어가 글을 따로 작성해 링크를 첨부할 예정이다. 자바스크립트에서 document.write()
3.Event Delegation (이벤트 위임)
이벤트 위임은 상위 요소에서 하위 요소의 이벤트를 제어하는 방식입니다. 한마디로 이벤트 캡쳐링을 활용하는 것이다. 이벤트 위임을 사용하면 상위요소 이벤트하나만으로 하위요소 이벤트들을 제어할 수 있다. 위의 코드에는 기본적인 리스트가 있고 기존에 있는 세번째 요소까지
4.Rest API란?
◾ Rest란 (Respresentational State Transfer)의 약자로 자원의 이름으로 구분하여 해당 자원의 상태를 주고 받는 모든 것을 의미한다. 일반적으로 json혹은 xml을 통해 데이터를 주고 받는 것이 일반적이다. 기본적으로 웹의 기존 기술과
5.데이터베이스(DB)
◾ 데이터베이스는 통합하여 관리되는 데이터의 집합체를 의미한다. 중복된 데이터를 제거하고, 자료를 구조화하여, 효율적인 처리를 할 수 있도록 관리된다. ◾ 데이터베이스는 응용 프로그램과는 다른 별도의 미들웨어에 의해 관리된다. 데이터베이스를 관리하는 미들웨어를 데
6.로그인방식에 대한 고찰(session ID, Token방식)
🔴 로그인 방식에 대한 고민 >  프로젝트들은 진행하면서 로그인 방식에 대한 고민을 하였다. 기본적으로 로그인을 하기 위해서는 인증(클라이언트 본인임을 검증하는 과정)과 인가(인증 작업 후 인증된 클라이언트에게 접근 권한 부여 과정)를 통해 이루어진다. 보통
7.지긋지긋한 CORS 오류 해결하기(with Proxy)
웹 개발을 하게 되면 프론트와 백엔드 통신을 하는 과정에서 위와 같은 에러를 확인할 수 있다. API콜을 하면 CORS정책에 막혔다는 에러가 뜨면서 통신이 되지 않는다. 왜 이런 문제가 발생하는지 알아보고 해결책도 살펴보자 CORS(Cross-Origin Resourc
8.이미지 크롭 기능 구현하기(blob, base64)
Curb프로젝트 진행 당시 게시물 사진을 업로드 하는데 문제점이 발생하였다. 클라이언트가 올리는 사진에 대해 특정한 사이즈가 요구 되는데 이 비율에 맞추지 못하면 이미지의 특정 영역을 보일 수가 없었기 때문이다. 이를 위해 다른 sns를 확인하면 이미지를 크롭하거나 잘
9.frontEnd에서의 MSA도입 (Micro FrontEnd)
저희 회사에서는 기존의 모놀릭한 시스템을 운영해 왔습니다. 모놀릭한 아키텍쳐를 구성은 초기에 하나의 아키텍쳐로 구성되어 있기 때문에 서비스 하나인 경우 개발, 관리, 테스트 및 배포 등이 매우 용이했습니다. 실제로 지금까지 제가 진행해왔던 프로젝트들은 대규모 서비스
10.😳 당신의 인증 방식 정말 안전합니까??(with 소셜로그인)
이번에 처음 소셜 로그인방식을 처리하면서 많은 분들의 블로그 정리글을 참고했습니다. 하지만 로그인 방식도 다양했고, 이러한 방식으로 처리하는 게 맞아? 라는 의구심이 갖게하는 방식도 많았습니다. 개발자가 많아지면서 관련 정리글도 많아지면서 부족한 관점에서 적은 글도 많