배워서 남주는 개발자 :)
반응형

Web 42

VSCode 주석 색깔 변경하기

1. (Crtl + ,) or (File --> settings --> 검색 창에 .json 검색) 2. json 파일에 주석 색깔 속성 추가 위의 그림과 같이 원하는 색의 코드를 설정해줄 수 있습니다! (저는 가독성을 위해 노란색으로 설정했습니다!) 아래의 코드로 주석 색깔을 설정할수 있습니다. //주석 색깔 설정 "editor.tokenColorCustomizations": { "comments": "#EFDC05" //(#원하는 색의 색상코드) }, 3. 저장 및 적용 확인 저장하고 파일에서 주석을 작성해보면 잘 적용이 된것을 확인할 수 있습니다! 읽어주셔서 감사합니다! 오늘도 즐코하세요!!! :)

Web 2022.04.27

[ MySQL ] mysql 사용법 총정리 기본 명령어 ( cheat sheet )

1. MySQL 설치 및 사용 예제 2. MySQL 기본 명령어 정리 3. MySQL 데이터 타입 정리 MySQL 사용법 여기서는 터미널(CLI)환경에서 MySQL을 사용하는 방법에 대해 알아볼 것이다. MySQL(관계형 데이터베이스)과 MongoDB(비관계형 데이터베이스)의 차이점이 궁금한 분들은 아래의 포스팅을 참고바란다. https://dev-coderkim.tistory.com/62 SQL vs NoSQL (MySQL vs MongoDB) **해당 포스팅은 academind의 포스팅을 번역한 포스팅입니다.** https://academind.com/tutorials/sql-vs-nosql [ 개요 ] 웹 어플리케이션 개발을 위한 첫 걸음을 내딛은 이후 한 가지 선택사항을 마주하게 됩니다 dev-c..

Web 2022.04.25

웹소켓 (Web Socket)이란? 사용이유 / 동작원리

웹소켓(Web Socket)이란? 전송 프로토콜의 일종으로 쉽게 말해서 웹 버전의 TCP 또는 Socket이라고 이해하면 된다. 웹소켓은 서버와 클라이언트 간에 소켓 연결을 유지해서 언제든지 양방향 통신 또는 데이터 전송이 가능하게 하도록 하는 기술이다. 웹소켓은 실시간 통신 구현을 위해 사용되고 있다. (ex. SNS, 멀티플레이어 게임, 구글Docs, 증권거래, 화상채팅등) 사용이유 웹 어플리케이션에서 기존의 서버와 클라이언트 간의 통신은 대부분 HTTP를 통해 이루어 졌으며 HTTP는 req/res 기반의 stateless protocol이다. 즉 서버와 클라이언트 간의 소켓 연결과 같이 영구적인 연결이 되어있지 않고, 클라이언트 쪽에서 필요할때 req를 할때만 서버가 res를 하는 방식으로 통신이..

Web 2022.04.23

이벤트 루프란? [ 자바스크립트 동작원리 ]

(이번 포스팅은 아래의 이벤트 루프 영상을 보고 정리한 포스팅입니다.) https://youtu.be/8aGhZQkoFbQ 자세한 설명을 원하시는 분은 위의 영상을 참고해주세요! :) 자바스크립트는 기본적으로 싱글스레드 프로그래밍 언어이다. 여기서 싱글스레드라는 것은 한 번에 하나의 작업만이 가능하다는 의미이다. one thread == one call stack == one thing at a time 여기서 호출 스택(call stack)이라는 것은 프로그램 상에서 우리가 어떤 순서로 작업을 수행하는지 기록하는 작업 스케줄링과 관련된 자료구조이다. 우리가 어떤 함수를 실행하게 되면 우리는 그 함수를 stack(스택)의 맨 위에 놓는데, 이것을 push라고 한다. 만약에 함수가 어떤 값을 리턴하거나 실..

Web 2022.04.22

실행 컨텍스트 (Execution Context) 란? 자바스크립트 동작원리

(해당 포스팅은 개인 공부를 목적으로 작성된 포스팅으로 부족한 점이 있더라도 양해 부탁드립니다!) 1. 실행 컨텍스트 2. 실행 컨텍스트의 3가지 객체 2-1. Variable Object (VO) 2-2. Scope Chain (SC) 2-3. this Value 3. 실행 컨텍스트의 생성 과정 3-1. 전역 코드에 진입 3-2. 전역 코드의 실행 3-3. foo()함수의 실행 1. 실행 컨텍스트 ECMA Script 스펙에 따르면 실행 컨텍스트를 '실행가능한 코드를 형상화하고 구분하는 추상적인 개념'이라고 정의합니다. 쉽게 말해서 실행 컨텍스트는 실행 가능한 코드가 실행되기 위한 환경이라고 말할 수 있습니다. 여기서 말하는 실행 가능한 코드는 아래와 같습니다. 전역 코드 : 전역 영역에 존재하는 코드..

Web 2022.04.20

UDP는 무엇일까? vs TCP 란? (인터넷 소켓)

1. 전송계층 2. TCP란? 3. TCP의 특징 4. UDP란? 5. UDP의 특징 6. 한눈에 비교하는 TCP 와 UDP의 차이점 7. 참고자료 1. 전송계층 TCP 와 UDP는 TCP/IP의 전송계층에서 사용되는 프로토콜 (규약)입니다. 전송계층은 IP에 의해 전달되는 패킷의 오류를 검사하고 재전송을 요구하는등의 제어를 담당하는 계층이다. (패킷 - 인터넷 내에서 데이터를 보내기 위한 라우팅을 효과적으로 하기 위해 데이터를 여러 조각으로 나누어 전송하는데 이 조각을 의미합니다.) 2. TCP (Transmission Control Protocol) TCP는 네트워크 계층 중 전송 계층에서 사용하는 프로토콜로서, TCP를 해석하면 전송을 제어하는 프로토콜(규약)이라는 뜻인데, 이는 아래의 정의와 별 ..

Web 2022.04.19

OAuth 는 무엇일까? OAuth 2.0 소셜로그인

(해당 포스팅은 OAuth에 대한 상세 구현보다는 큰 흐름을 파악하기 쉽도록 작성하였습니다.) 1. OAuth를 왜 사용할까? 2. OAuth 2.0의 구성요소 3. Access Token 4. 어떻게 Access Token을 받을까? 5. Access Token 넘겨받기 6. Redirect 7. 사용자의 정보 받기 8. 마무리 요약 1. OAuth를 왜 사용할까? 다양한 웹/ 앱서비스를 사용하다보면 아래와 같이 다른 계정으로 로그인과 회원가입을 사용할 수 있다. 그렇다면 이를 구현하기 위해서 어떤 점이 필요한지 기술적인 부분을 생각해보자. 우리의 서비스를 사용하려는 고객이 구글의 회원임을 어떻게 알 수 있을까? 간단한 방법은 고객에게 구글의 아이디/비밀번호를 받아서 구글에 로그인을 하면 된다. 하지만..

Web 2022.04.19

res.locals / app.locals / req.app.locals 차이점

app.locals 자바스크립트 객체이고, 프로퍼티들은 애플리케이션 내의 지역 변수들이다. 애플리케이션의 라이프 타임 동안 유효하다. req.app.locals 미들웨어에서 app의 지역 변수들을 사용할 수 있게 해준다. res.locals res.locals의 프로퍼티들은 request의 라이프 타임 동안에만 유효하다. html/view 클라이언트 사이드로 변수들을 보낼 수 있으며, 그 변수들은 오로지 거기서만 사용할 수 있다. 참고자료 https://stackoverflow.com/questions/35111143/express4-whats-the-difference-between-app-locals-res-locals-and-req-app-local

Web 2022.04.16

javascript JSON.parse() / JSON.stringify() 사용법

JSON 내장 객체 자바스크립트에서는 JSON 포멧의 데이터를 간편하게 다룰 수 있도록 JSON이라는 객체를 내장하고 있습니다. 이 객체는 자바스크립트 코드를 브라우저에서 실행하든 Node.js 런타임에서 실행하든 상관없이 전역(global)에서 접근이 가능합니다. JSON 내장 객체는 JavaScript 객체와 JSON 문자열 간의 상호 변환을 수행해주는 두 개의 메서드를 제공합니다. JSON.parse() - JSON으로받은 것을 “구문 분석”하기위한 것입니다. JSON.stringify() - 객체 / 배열에서 JSON 문자열을 만드는 것입니다. JSON.parse - JSON 텍스트 문자열을 JavaScript 객체로 변환합니다. JSON.stringify - JavaScript 객체를 JSON ..

Web 2022.04.16

[Node.js / mongoose] 데이터 조회에 사용가능한 방법 (find / findOne / findById)

우리가 검색을 할때 3가지 방법으로 할 수 있다. 1. findOne() 2. findById() 3. find() * Model.findById(id) _id를 기준으로 단일 문서를 찾는다. _id를 기준으로 질의하려면 findOne()대신에 findById()를 사용하라고 한다. 참고문서 Mongoose v6.3.0: Parameters doc «Object» values for initial set optional «[fields]» object containing the fields that were selected in the query which returned this document. You do not need to set this parameter to ensure Mongoose ha..

Web 2022.04.16
728x90