본문 바로가기

전체 글35

직접 구현 하면서 OAuth 이해 하기 들어가기 전에 만약 어떤 서비스를 처음 이용한다고 하면 편리한 이용을 위해 개인정보가 담긴 계정이 필요합니다. 하지만 계정을 만들기에는 많은 시간들이 소요됩니다. 서비스 이용에 있어 회원가입은 필수지만 가입에 걸리는 시간 때문에 회원, 서비스 운영자 모두 손해를 보게 됩니다. 그래서 일부 유명 기업에서는 각자 개발한 방법대로 인증방식을 표준화한 방식이 있었지만 여러 애플리케이션을 통합하여 사용하지 못한다는 단점이 있었습니다. 따라서 2010년에 IETF에서 인증방식을 표준화한 OAuth 1.0 공식 표준안이 RFC 5849로 발표되었습니다. OAuth란? OAuth 2.0 인증 프레임워크는 타사 애플리케이션이 HTTP 서비스에 제한적으로 접근할 수 있도록 지원합니다. 사용자와 HTTP 서비스 간의 상호작.. 2022. 2. 28.
우리가 NestJS를 사용해야하는 이유 NestJS란? 최근 몇 년 동안 Node.js 덕분에 JavaScript는 BE, FE 애플리케이션 모두 웹의 공통 언어가 되었습니다. 이로 인해 Angular, React, Vue가 나오게 되었으며, 해당 프로젝트를 통해 생산성을 향상하고 빠르게 만들 수 있으며, 테스트 가능하고 확장성이 있는 프런트엔드 애플리케이션을 만들 수 있게 되었습니다. 그러나 서버 측 Node.js에서는 뛰어난 라이브러리, 툴이 존재하지만 아키텍처의 주요 문제를 효과적으로 해결하는 것은 없었습니다. Nest는 개발자와 팀이 테스트 가능하고 확장이 가능하며, 느슨한 결합과 유지보수성이 뛰어난 애플리케이션을 만들 수 있도록 아키텍처를 제공합니다. 이 아키텍처는 Angular(느슨한 결합과 뛰어난 확장성을 가짐)에서 영감을 받았습.. 2022. 2. 6.
자바스크립트 실행 컨텍스트(Execution Context) 들어가기 전에 자바스크립트에서 대표적으로 헷갈리는 개념들은 closure, hosting 등이 있습니다. 이러한 개념들을 하나씩 공부하다 보면 도대체 어떤 이유로 동작하는지 이해하기 쉽지 않을 겁니다. 즉, 기본적인 자바스크립트의 내부 동작 흐름을 모르기 때문인데요. 그래서 이번 글에서는 자바스크립트를 이해하기 위해 반드시 알아야 할 실행컨텍스트에 대해 다뤄보겠습니다. 그래서 실행 컨텍스트는 어떤 건가요? 실행 컨텍스트(Execution Context)는 코드의 런타임 값을 추적하기 위해 사용되는 개념이며 진행률을 추적하기 위해 필요한 구현 특정 상태를 포함합니다. 여기서 추적하기 위해 필요한 구현 특정 상태는 다음과 같습니다. code evaluation state : 해당 실행 컨텍스트와 연결된 코드.. 2022. 1. 30.
개발자 지망생의 2021년 회고 들어가기 전에 길고 길었던 2021년이 끝이 났다. 보통 1년 동안에 일들을 돌이켜 생각해보면 많은 사건들이 있었는데 이번 연도에는 군 전역과 부스트캠프 2가지 말고는 큰 사건이 없었던 거 같다. 그만큼 한가지 일에 몰입을 해왔다는 것일 수 도 있고 아니면 열심히 안 한 거일 수 도 있겠다. (필자는 전자로 생각하겠다 😎 ) 더 나은 2022년을 위해 2021년을 돌아보는 회고를 써보려고 한다. 1. 육군 만기 전역 2021년 6월에는 길고 길었던 군 전역을 하게 되었다. 사실 "내가 본격적으로 개발에 눈을 뜬 건 군 생활 때가 아닐까?"라는 말이 나올 정도로 군대에서 보내는 잉여 시간을 잘 활용해서 개발에 관련된 전반적인 정보를 얻었고 나의 개발자 로드맵을 구축하게 된 계기가 되었다. 나만의 로드맵을 .. 2022. 1. 16.
웹이란 무엇인가요? 인터넷? 웹? 네트워크..? 인터넷, 웹, 네트워크는 일반 사용자들도 자주 사용하는 단어이지만 단어의 의미에 대해 설명을 못할 정도로 단순히 단어만 알고 있다. 사실 자주 혼용하는 이 단어들은 서로 다른 의미를 가진다. 먼저 컴퓨터 네트워크(net + work)는 하드웨어간의 통신망을 의미한다. 즉, 여러 하드웨드들이 자원을 공유할 수 있게 하나의 Net(망)으로 묶어 통신을 할 수 있게 해준다. 인터넷은 네트워크의 네트워크로 불릴정도로 또 다른 연결망인데 이는 네트워크들을 TCP/IP라는 통신 규약(Protocol)을 통해 연결하여 전 세계적으로 정보를 주고 받게 해주는 네트워크이다. 즉, 인터넷(Internet)은 Inter + Network로 서로 다른 네트워크들을 통신 규약에 의해 연결을 해준다... 2021. 12. 11.
Web Audio API로 음성 변조 기능 구현하기 들어가기 전에 지난 10월 25일부터 부스트캠프에서 6주 동안 그룹 프로젝트를 시작했고 12월 3일 부로 프로젝트가 끝났습니다. 구현한 프로젝트는 "노가리하우스"라는 프로젝트로 클럽하우스를 클론 한 음성채팅 서비스입니다. GitHub - boostcampwm-2021/WEB27-NogariHouse: 🐟 쌍방향 음성 기반 SNS clubhouse 클론 프로젝트 🐟 🐟 쌍방향 음성 기반 SNS clubhouse 클론 프로젝트 🐟. Contribute to boostcampwm-2021/WEB27-NogariHouse development by creating an account on GitHub. github.com 프로젝트를 진행하면 음성 채팅과 관련된 기능을 맡았고 WebRTC를 기반으로 실시간 음성 .. 2021. 12. 9.