개발의 잡다한 상식

CORS란 무엇인가? 🤔CORS는 Cross-Origin Resource Sharing의 약자로,웹 브라우저가 다른 출처의 리소스에 접근할 수 있도록 허용하는 메커니즘이에요. 기본적으로 웹 보안 정책에 따라,한 출처에서 로드된 문서나 스크립트가 다른 출처의 자원에 접근하는 것을 제한하는데,이때 CORS가 중요한 역할을 하죠.예를 들어, https://www.domain.com에서 로드된 웹 페이지가 https://api.example.com의 API를 호출하려고 할 때,CORS 정책이 적용됩니다. CORS의 발생 원인 🔍CORS 오류는 주로 다음과 같은 이유로 발생해요:출처의 불일치 : 웹 브라우저는 요청을 보낼 때, 요청의 출처(Origin)를 확인해요.출처는 프로토콜, 호스트, 포트로 구성되며, ..

패키지 매니저는 소프트웨어 개발에서 필수적인 도구로,프로젝트에 필요한 라이브러리와 패키지를 관리해주는 역할을 해요. 자바스크립트 생태계에서는 npm, Yarn, pnpm, 그리고 Yarn Berry와 같은 다양한 패키지 매니저가 존재해요.각각의 패키지 매니저는 고유한 특징과 장단점을 가지고 있어서, 어떤 것을 선택할지 고민하는 개발자들이 많답니다.패키지 매니저란?패키지 매니저는 소프트웨어 패키지를 설치, 업데이트, 삭제하는 과정을 자동화해주는 도구예요.이를 통해 개발자는 필요한 라이브러리를 쉽게 관리할 수 있고, 의존성 문제를 해결하는 데 도움을 받아요.특히 자바스크립트에서는 다양한 패키지들이 존재하기 때문에, 패키지 매니저의 중요성이 더욱 커요.npm의 특징과 사용법npm(Node Package Man..

졸업이 확정나서 다시 블로그를 적어볼게요 :)오늘은 RESTful API에 대해 알아보려고 해요. 요즘 많은 개발자들이 RESTful API를 사용하고 있는데, 그 이유와 적용 방법에 대해 자세히 설명해드릴게요.  RESTful API는 Representational State Transfer의 약자로웹에서 자원(resource)을 정의하고 자원에 대한 행위(action)를HTTP 메소드를 통해 수행할 수 있도록 해주는 아키텍처 스타일이에요.쉽게 말해, 클라이언트와 서버 간의 통신을 효율적으로 할 수 있도록 도와주는 인터페이스라고 할 수 있죠. RESTful API는 주로 JSON 형식으로 데이터를 주고받는데, 이는 가볍고 읽기 쉬워서 많은 개발자들이 선호해요.2. RESTful API를 사용하는 이유R..

제가 코딩을 하다가 보안 문제에 관한 오류가 생겨서급하게 들고 왔습니다. 다른 분들 505 오류코드를 보신적이 있으실까요? 찾아보니 505 오류는 HTTP 버전 미지원에 대한 오류더라구요.클라이언트가 요청에 사용한 HTTP 버전을 서버가 지원하지 않는다는 말이죠. 저런 오류를 본 김에 조금 알려드리면 좋겠다 싶어서HTTP와 HTTPS에 대한 내용을 가지고 왔습니다. HTTP와 HTTPS의 차이점 HTTP는 웹 브라우저와 웹 서비스 간 데이터를 주고받는 기본 프로토콜이에요.그렇다면 저 뒤에 붙은 S는 어떤걸까요? Secure 즉, 보안을 신경쓴 HTTP에 SSL/TLS 암호화 계층을 추가한 프로토콜이에요가장 큰 차이는 보안 입니다. HTTPS는 데이터 전송 시 암호화를 통해 보안을 강화하여사용자 정보 및 ..

제목이 조금 신박해서 들어오신 분들도 있을 것 같아요.오늘은 브라우저 저장소들에 대해서 조금 말을 해볼까 합니다. 제 블로그를 보시는 분들은 혹시 브라우저 저장소에 대해 많이들 알고 계신가요?? 저는 Cookie, localStorage 정도만 알고 있었는데알고보니 더 많더라구요 ㄷㄷ;;;그래서 자세하게는 너무 deep 할 것 같아서빠르게 장점과 단점 정도만 알려드리려고 합니다. 오늘 알려드릴 정보는localStorage, sessionStorage, IndexedDB 입니다. localStorage localStorage는 웹 브라우저에 영구적으로 데이터를 저장할 수 있는 API입니다. 장점으로는- 데이터 사이즈 제한이 큽니다. (일반적으로 5MB) 대량의 데이터 저장이 가능해요- 데이터가 암호화되지 ..