공부 기록장 💻

공공데이터포털의 날씨 예보 Open API를 호출하여 진행중인 프로젝트에 적용하는 상황에서, Service Key에 포함되어 있는 ASCII charcater code중 하나인 % 가 인코딩 되는 과정에서 오류가 발생하며 API 호출이 제대로 되지 않는 이슈가 있었다. 부여받은 Encoding용 일반 인증키는 아래와 같다. 중간중간 보이는 % 문자가 계속해서 문제를 발생시켰다. 구글 검색 시 % 문자가 포함된 문장을 검색하면 원하는 결과를 얻기가 어렵다. 결국 ChatGPT를 활용하여 답을 얻고자 했다. 역시나 원하는 결과를 얻을 수 있었다..! Request URL에 포함되어 있는 % 문자를 인코딩 하는 과정에서 %25 로 해석을 하게 되어 자동적으로 %뒤에 25를 붙이게 된다는 내용이었다. 위의 질문..

웹 상에서의 채팅 프로그램을 구현하는 프로젝트를 진행하기 전, 여러 문서들을 참고하여 웹 소켓의 개념을 정리하며 이해해보자. 이후에는 Node.js 서버 상의 웹소켓을 구현해보고자 한다. 웹 소켓(Web Socket)이란? 컴퓨터 네트워크용 통신 규약의 하나이다. 인터넷의 표준화 단체인 W3C(World Wide Web Consortium)과 IETF(Internet Engineering Task Forkce)가 Web server와 Web browser간의 통신을 위한 규정을 정의한 쌍방향통신(Duplex)용 기술 규약이다. API는 W3C가 책정을 맡고 있고, WebSocket 프로토콜은 IETF가 책정을 맡고 있다. 웹 소켓은 TCP 연결에 완전한 이중 통신 채널을 제공하는 컴퓨터 프로토콜이며, 서..

어떠한 사이트에 한 번 로그인을 하고 나면 사이트 내 여러 페이지들을 접속할 때 로그인이 유지되거나 혹은 ID, PW를 저장해두어 며칠 뒤 재 접속을 하더라도 다시 입력하지 않고 자동 로그인 되는 경우가 있다. 반대로 몇 분 정도 해당 사이트를 이용하지 않았는데 세션이 만료되었다는 페이지가 뜨며 로그인을 다시 해야하는 경우가 발생하기도 한다. 이는 사용자의 브라우저에 사용자의 정보를 저장하는 인증 방식인 세션, 쿠키의 개념과 관련이 되어 있다. 먼저 HTTP의 특성을 되짚어본 후에 세션과 쿠키가 무엇인지 살펴보자. HTTP의 특성 HTTP는 인터넷 상에서 데이터를 주고 받기 위한 서버-클라이언트 모델을 따르는 프로토콜이다. 클라이언트가 서버에게 요청(request)을 보내면 서버는 응답(response)..

** 목표: 세션 방식의 기존 인증 방법과 토큰 인증 방법의 차이를 이해하고, 토큰 인증 방법의 하나인 JWT의 개념과 동작 원리, 장점에 대해 공부한 후, NestJS 프레임워크에서 JWT 인증 기능을 구현해보자 ! JWT의 기본 개념 - JWT란, Json Web Token의 약자로, 모바일이나 웹의 사용자 인증을 위해 사용되는 전자 서명된 URL-safe (URL로 이용할 수 있으며 문자로만 구성된) 암호화된 토큰을 의미한다. - 정보를 json 형태로 주고받기 위해 표준 규약에 따라 생성한 암호화된 토큰으로, 복잡하고 읽기 어려운 string 형태로 저장되어 있다. - 일반적으로 클라이언트와 서버 사이에서 통신할 때 권한(인증)을 위해 사용하는 토큰이며, JWT 정보를 request에 담아 권한이..

XML의 정의 Extensible Markup Language W3C 권고 확장성 있는 마크업 언어 (W3C, World Wide Web Consortium - 회원기구, 정직원, 공공기관이 협력하여 웹 표준을 개발하는 국제 컨소시엄) W3C가 인간과 응용 프로그램 간, 혹은 응용 프로그램 간에 정보를 쉽게 교환하기 위해 만든 데이터 교환 포맷 XML과 HTML의 차이 XML은 data를 전달하는데에 포커스를 맞춘 언어 HTML은 data를 표현하는데 포커스를 맞춘 언어 XML은 HTML과 달리 tag가 미리 정의되어 있지 않음 XML 언어의 특징 표준성: W3C에서 표준화를 주도하여, SGML과 HTML 의 한계를 극복하기 위해 만든 표준 인터넷 언어 (SGML, Standard Generalized ..

스터디 주차 별 목표 > 더보기 스터디 주차 별 목표 1주차 : Database의 종류 및 특징 + 쿼리문 이해 ( 8 / 4 ~ 8 / 11 ) 2주차 : 각 Database의 모델링 방법 및 쿼리 작성법 스터디 및 실습 ( 8 / 11 ~ 8 / 18 ) 3주차 : 배포 방법 스터디 및 실습 ( 8 / 18 ~ 8 / 25 ) 4주차 : Django Rest Framework 스터디 ( 8 / 25 ~ 9 / 1 ) 3주차 스터디 키워드 Django WSGI Web Server Web Application Server Django deploy Django runserver deploy 3주차 스터디 질문리스트 질문 1 : 웹 서버란 무엇일까요? 질문 2 : 웹 어플리케이션 서버란 무엇일까요? 질문 3..

스터디 주차 별 목표 > 더보기 스터디 주차 별 목표 1주차 : Database의 종류 및 특징 + 쿼리문 이해 ( 8 / 4 ~ 8 / 11 ) 2주차 : 각 Database의 모델링 방법 및 쿼리 작성법 스터디 및 실습 ( 8 / 11 ~ 8 / 18 ) 3주차 : 배포 방법 스터디 및 실습 ( 8 / 18 ~ 8 / 25 ) 4주차 : Django Rest Framework 스터디 ( 8 / 25 ~ 9 / 1 ) 2주차 스터디 키워드 Database Modeling RDB Modeling NoSQL Modeling 2주차 스터디 질문리스트 질문1 : Database 모델링이란 무엇일까요? 질문2 : RDB와 NoSQL의 모델링 방법 차이를 설명해주세요. 2주차 실습 RDB를 하나 설치한 다음 무쓸..

스터디 주차 별 목표 > 더보기 스터디 주차 별 목표 1주차 : Database의 종류 및 특징 + 쿼리문 이해 ( 8 / 4 ~ 8 / 11 ) 2주차 : 각 Database의 모델링 방법 및 쿼리 작성법 스터디 및 실습 ( 8 / 11 ~ 8 / 18 ) 3주차 : 배포 방법 스터디 및 실습 ( 8 / 18 ~ 8 / 25 ) 4주차 : Django Rest Framework 스터디 ( 8 / 25 ~ 9 / 1 ) 1주차 스터디 키워드 Database Database Query (select, insert, update, delete) NoSQL ORM 1주차 스터디 질문 리스트 질문1 : Database가 필요한 이유가 무엇일까요? 질문2 : RDB와 NoSQL의 개념과 특징을 설명해주세요 질문3..

API란 무엇인가? API: Application Programming Interface 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있도록 만든 인터페이스 인터페이스 란 컴퓨터 시스템끼리 정보를 교환하는 공유 경계를 의미한다고 한다. (TV의 전원을 켜기 위해서 리모콘을 사용한다. 이 때, 사전에 TV와 통신을 하고 TV를 조작하기 위해 신호를 보내도록 만든 장치인 리모컨이 인터페이스 장치이다. 사전에 TV에 정의된 규격에 의해 신호를 서로 주고 받기 위한 방법을 '인터페이스'라 할 수 있겠다.) API에 대해 조사하며, 적절한 비유를 통해 API가 잘 설명되어 있는 것 같아 다음과 같은 사진을 가져와 보았다. API는 레스토랑에서 손님 ..