Bun를 설치해보자
Bun은 무엇일까? Bun은 javascript 엔진입니다. Node.js와 Deno와 같이 브라우저 외에서 JS를 사용할 수 있도록 만들어진 런타입니다. 아래와 같은 세 가지 요소를 중점으로 둔다고 합니다. Start fast New levels of performanc...
Posts by Tag
- javascript 11
- web 8
- spring 6
- algorithm 5
- DB 4
- 개념 4
- NoSQL 3
- 백준 3
- git 3
- eclipse 3
- 팀프로젝트 3
- webpack 3
- nodejs 3
- Go 3
- 객체지향 3
- typescript 3
- react 3
- aws 3
- Nodejs 2
- express 2
- stateless 2
- DP 2
- BFS 2
- 프로그래머스 2
- 언어 2
- 문법 2
- IoC 2
- promise 2
- browser 2
- React 2
- Start 1
- mongoDB 1
- server 1
- stateful 1
- password 1
- Hash 1
- DFS 1
- 안드로이드 1
- JWT 1
- 보안 1
- Redis 1
- Go Project 1
- 이분탐색 1
- Binary search 1
- GraphQL 1
- DI 1
- Bean 1
- Git 1
- Github 1
- Component-Scan 1
- AOP 1
- ES6 1
- springboot 1
- 자료구조 1
- 그래프 1
- 트리 1
- 네트워크 1
- DNS 1
- domain 1
- 웹 통신 1
- scope 1
- scope-chain 1
- 함수형 프로그래밍 1
- 절차지향 1
- 프로그래밍 1
- transaction 1
- ACID 1
- asynchronous 1
- nodeJS 1
- 이벤트루프 1
- 런타임 1
- localStorage 1
- sessionStorage 1
- browser-rendering 1
- reflow 1
- repaint 1
- DOM 1
- rendering 1
- useEffect 1
- lifecycle 1
- closeup 1
- react prop types 1
- React-Hook-Form 1
- TailwindCSS 1
- 설치 1
- next.js 1
- IAM 1
- 권한 1
- vpc 1
- vpn 1
- referer 1
- referrer 1
- aws cli 1
- shell 1
- web component 1
- shadow dom 1
- 캡슐 1
- programming 1
- effective javascript 1
- async 1
- UTC 1
- Date 1
- devtool 1
- devserver 1
- hot-reload 1
- HMR 1
- Bun 1
javascript
기간 제한하기(javascript, UTC)
개요 이번 회사 내 작업 중, 이벤트 기간을 구분하여 서비스 로직을 작동하도록 구현해야 했습니다. 그 작업을 바탕으로 생각을 정리하며 글을 써보려 합니다.
비동기 에러핸들링(JS)
javascript에서도 다른 언어들과 비슷하게 try…catch 문으로 에러핸들링이 가능합니다. 하지만 try 블럭 안에 비동기 동작이 존재하고, 해당 동작에서 에러가 발생할 때, 과연 동일하게 동작할 것인가? 라는 주제로 해당 글을 작성하려 합니다.
프로그래밍란
이번에 개발에 앞서 프로그래밍에 대한 개념을 혼자서 끄적여 봅니다. 해당 글은 모던 자바스크립트 Deep Dive에서 참고하며, 작성하였습니다.
Next.js를 왜 사용할까
NextJS를 왜 사용할까?
vanillaJS와 React의 랜더링 차이
출처:https://reactjs.org/
nodeJS 란
노드(NodeJS)란?
javascript vs typescript
typescript는 javascript 기반의 언어이며, javascript는 클라이언트 측 스크립트 언어이고, typescript는 객체 지향 컴파일 언어이다. 하지만 일반 컴파일 언어(C, C++…) 같은 언어의 컴파일 과정과는 다르기에(기계어로 바꾸는 컴파일러들과는 달리 j...
web
Web Component란?
웹 컴포넌트가 뭐야?
nodeJs build 하기
build
Window에서 Redis 설치
Redis
Password Hash?
Hasing? Encryption?
Stateful, Stateless란
Stateful? Stateless?
NoSQL
Not Only SQL의 약자(혹은 non SQL, non relational) RDBMS의 제품군(MSSQL, Oracle, MySQL …)과 같은 공통된 형식(테이블), 접근방식(SQL)을 갖는 제품군이 아니다. 즉, 전통적인 관계형 데이터베이스 보다 덜 제한적인 ...
mongoDB 시작하기
MongoDB란?
spring
Spring Boot vscode에서 개발하기
vscode를 애용했던 만큼, 이클립스 기반 STS는 나에게 너무 답답했다. legacy 버전은 vscode로 이용하기 힘들었던 만큼, 이제 spring boot는 vscode로 사용하고자 한다.
DI와 IoC란?
DI(Dependency Injection)란?
algorithm
맨 위로 이동 ↑DB
Transcation 이란
트랜잭션이란?
Window에서 Redis 설치
Redis
NoSQL
Not Only SQL의 약자(혹은 non SQL, non relational) RDBMS의 제품군(MSSQL, Oracle, MySQL …)과 같은 공통된 형식(테이블), 접근방식(SQL)을 갖는 제품군이 아니다. 즉, 전통적인 관계형 데이터베이스 보다 덜 제한적인 ...
mongoDB 시작하기
MongoDB란?
개념
맨 위로 이동 ↑NoSQL
Window에서 Redis 설치
Redis
NoSQL
Not Only SQL의 약자(혹은 non SQL, non relational) RDBMS의 제품군(MSSQL, Oracle, MySQL …)과 같은 공통된 형식(테이블), 접근방식(SQL)을 갖는 제품군이 아니다. 즉, 전통적인 관계형 데이터베이스 보다 덜 제한적인 ...
mongoDB 시작하기
MongoDB란?
백준
맨 위로 이동 ↑git
eclipse에서 github pull, fetch
pull? fetch?
eclipse에서 git branch 생성 및 commit, push
Git Branch 생성
eclipse와 github 연동 및 팀 프로젝트 진행
collaborator 얻기
eclipse
eclipse에서 github pull, fetch
pull? fetch?
eclipse에서 git branch 생성 및 commit, push
Git Branch 생성
eclipse와 github 연동 및 팀 프로젝트 진행
collaborator 얻기
팀프로젝트
eclipse에서 github pull, fetch
pull? fetch?
eclipse에서 git branch 생성 및 commit, push
Git Branch 생성
eclipse와 github 연동 및 팀 프로젝트 진행
collaborator 얻기
webpack
webpack devServer 적용기
개요 이전 포스팅에서 개발환경에서 디버깅이 쉽도록, 소스매핑을 적용해 보았습니다. 이번에는 개발할 때, development server를 띄워 즉각적인 피드백을 받기위해서 해당 설정을 webpack을 통해 적용시킨 과정을 정리하고자 합니다. 그리고 추가적으로 해당 프로젝트에 어떤...
nodejs
webpack devServer 적용기
개요 이전 포스팅에서 개발환경에서 디버깅이 쉽도록, 소스매핑을 적용해 보았습니다. 이번에는 개발할 때, development server를 띄워 즉각적인 피드백을 받기위해서 해당 설정을 webpack을 통해 적용시킨 과정을 정리하고자 합니다. 그리고 추가적으로 해당 프로젝트에 어떤...
Go
맨 위로 이동 ↑객체지향
javascript vs typescript
typescript는 javascript 기반의 언어이며, javascript는 클라이언트 측 스크립트 언어이고, typescript는 객체 지향 컴파일 언어이다. 하지만 일반 컴파일 언어(C, C++…) 같은 언어의 컴파일 과정과는 다르기에(기계어로 바꾸는 컴파일러들과는 달리 j...
solid 5 원칙이란?
단일 책임 원칙(Single Responsibility Principle) 같은 이유로 변경될 코드들은 모으고, 다른 이유로 변경될 코드들은 흩어라 해당 원직은 객체 지향에 중요한 부분이다. GUI 코드와 비즈니스 로직을 섞어 놓는 경우는 없다. SQL 쿼리와 통신 프로토콜을...
객체지향 프로그래밍 vs 함수형 프로그래밍
객체지향 프로그래밍은 절차지향 프로그래밍의 단점을 극복하기 위해 등장했으며, 함수형 프로그래밍은 객체지향 프로그래밍의 단점을 극복하기위해 등장했다.
typescript
기간 제한하기(javascript, UTC)
개요 이번 회사 내 작업 중, 이벤트 기간을 구분하여 서비스 로직을 작동하도록 구현해야 했습니다. 그 작업을 바탕으로 생각을 정리하며 글을 써보려 합니다.
React Hook Form 사용해 보기
React에서의 Form 인증
javascript vs typescript
typescript는 javascript 기반의 언어이며, javascript는 클라이언트 측 스크립트 언어이고, typescript는 객체 지향 컴파일 언어이다. 하지만 일반 컴파일 언어(C, C++…) 같은 언어의 컴파일 과정과는 다르기에(기계어로 바꾸는 컴파일러들과는 달리 j...
react
Next.js를 왜 사용할까
NextJS를 왜 사용할까?
React Prop Types
React로 프로젝트를 진행하다 보면, 프로젝트가 일정 수준 이상으로 커질 수가 있다. 덩치가 커지는 만큼, 버그도 발생하기 쉬워지는데, 이러한 것을 방지하기 위해서, 보통 타입스크립트를 사용한다. 하지만 자바스크립트의 유연함을 가지고 싶거나, 프로젝트 구현의 진행률이 크면, 타...
Closeup Function
useEffect
aws
AWS CLI 사용기
이번에 일로 AWS CLI를 통해서, S3를 사용해야 하는 경우가 생겼었습니다. 사용을 위해 찾아봤던 내용을 블로그에 정리하고자 이 게시물을 작성해 봅니다.
VPC가 무엇일까
aws에서 마주치는 vpc는 무엇인가 궁금하여, 그에 대해 간단히 작성하고자 합니다.
Nodejs
nodeJs build 하기
build
mongoDB 시작하기
MongoDB란?
express
nodeJs build 하기
build
mongoDB 시작하기
MongoDB란?
stateless
nodejs로 jwt 로그인 구현
JWT란
Stateful, Stateless란
Stateful? Stateless?
DP
맨 위로 이동 ↑BFS
맨 위로 이동 ↑프로그래머스
맨 위로 이동 ↑언어
[Go] slice와 struct
slice란?
[Go] 변수 선언 및 배열
변수 선언
문법
[Go] slice와 struct
slice란?
[Go] 변수 선언 및 배열
변수 선언
IoC
DI와 IoC란?
DI(Dependency Injection)란?
promise
비동기 에러핸들링(JS)
javascript에서도 다른 언어들과 비슷하게 try…catch 문으로 에러핸들링이 가능합니다. 하지만 try 블럭 안에 비동기 동작이 존재하고, 해당 동작에서 에러가 발생할 때, 과연 동일하게 동작할 것인가? 라는 주제로 해당 글을 작성하려 합니다.
browser
브라우저의 랜더링 과정
브라우저의 렌더링 원리
localStorage와 sessionStorage
Web Storage
React
React Hook Form 사용해 보기
React에서의 Form 인증
vanillaJS와 React의 랜더링 차이
출처:https://reactjs.org/
Start
생애 첫 블로그 글
GitHub를 통해 블로그를 작성해보려 한다. 부족한 지식인 만큼, 채워나가기 위해 시작해보려 한다. 아자.
mongoDB
mongoDB 시작하기
MongoDB란?
server
Stateful, Stateless란
Stateful? Stateless?
stateful
Stateful, Stateless란
Stateful? Stateless?
password
Password Hash?
Hasing? Encryption?
Hash
Password Hash?
Hasing? Encryption?
DFS
맨 위로 이동 ↑안드로이드
안드로이드 스튜디오 설치
안드로이드 스튜디오 설치 현재 기준 4.2.1 버전을 설치하였다. 설치
JWT
nodejs로 jwt 로그인 구현
JWT란
보안
nodejs로 jwt 로그인 구현
JWT란
Redis
Window에서 Redis 설치
Redis
Go Project
Go 프로젝트 만들기
GoLang? golang?
이분탐색
맨 위로 이동 ↑Binary search
맨 위로 이동 ↑GraphQL
GraphQL이란
GraphQL이란?
DI
DI와 IoC란?
DI(Dependency Injection)란?
Bean
맨 위로 이동 ↑Git
맨 위로 이동 ↑Github
맨 위로 이동 ↑Component-Scan
맨 위로 이동 ↑AOP
맨 위로 이동 ↑ES6
맨 위로 이동 ↑springboot
Spring Boot vscode에서 개발하기
vscode를 애용했던 만큼, 이클립스 기반 STS는 나에게 너무 답답했다. legacy 버전은 vscode로 이용하기 힘들었던 만큼, 이제 spring boot는 vscode로 사용하고자 한다.
자료구조
그래프와 트리
그래프란
그래프
그래프와 트리
그래프란
트리
그래프와 트리
그래프란
네트워크
페이지 접속은 어떻게 이루어 지는가?
Naver에 접속하면 어떤 일들이 일어날까?
DNS
페이지 접속은 어떻게 이루어 지는가?
Naver에 접속하면 어떤 일들이 일어날까?
domain
페이지 접속은 어떻게 이루어 지는가?
Naver에 접속하면 어떤 일들이 일어날까?
웹 통신
페이지 접속은 어떻게 이루어 지는가?
Naver에 접속하면 어떤 일들이 일어날까?
scope
맨 위로 이동 ↑scope-chain
맨 위로 이동 ↑함수형 프로그래밍
객체지향 프로그래밍 vs 함수형 프로그래밍
객체지향 프로그래밍은 절차지향 프로그래밍의 단점을 극복하기 위해 등장했으며, 함수형 프로그래밍은 객체지향 프로그래밍의 단점을 극복하기위해 등장했다.
절차지향
객체지향 프로그래밍 vs 함수형 프로그래밍
객체지향 프로그래밍은 절차지향 프로그래밍의 단점을 극복하기 위해 등장했으며, 함수형 프로그래밍은 객체지향 프로그래밍의 단점을 극복하기위해 등장했다.
프로그래밍
solid 5 원칙이란?
단일 책임 원칙(Single Responsibility Principle) 같은 이유로 변경될 코드들은 모으고, 다른 이유로 변경될 코드들은 흩어라 해당 원직은 객체 지향에 중요한 부분이다. GUI 코드와 비즈니스 로직을 섞어 놓는 경우는 없다. SQL 쿼리와 통신 프로토콜을...
transaction
Transcation 이란
트랜잭션이란?
ACID
Transcation 이란
트랜잭션이란?
asynchronous
맨 위로 이동 ↑nodeJS
nodeJS 란
노드(NodeJS)란?
이벤트루프
nodeJS 란
노드(NodeJS)란?
런타임
nodeJS 란
노드(NodeJS)란?
localStorage
localStorage와 sessionStorage
Web Storage
sessionStorage
localStorage와 sessionStorage
Web Storage
browser-rendering
브라우저의 랜더링 과정
브라우저의 렌더링 원리
reflow
브라우저의 랜더링 과정
브라우저의 렌더링 원리
repaint
브라우저의 랜더링 과정
브라우저의 렌더링 원리
DOM
vanillaJS와 React의 랜더링 차이
출처:https://reactjs.org/
rendering
vanillaJS와 React의 랜더링 차이
출처:https://reactjs.org/
useEffect
Closeup Function
useEffect
lifecycle
Closeup Function
useEffect
closeup
Closeup Function
useEffect
react prop types
React Prop Types
React로 프로젝트를 진행하다 보면, 프로젝트가 일정 수준 이상으로 커질 수가 있다. 덩치가 커지는 만큼, 버그도 발생하기 쉬워지는데, 이러한 것을 방지하기 위해서, 보통 타입스크립트를 사용한다. 하지만 자바스크립트의 유연함을 가지고 싶거나, 프로젝트 구현의 진행률이 크면, 타...
React-Hook-Form
React Hook Form 사용해 보기
React에서의 Form 인증
TailwindCSS
tailwind css 설치하기
TailwindCSS란
설치
tailwind css 설치하기
TailwindCSS란
next.js
Next.js를 왜 사용할까
NextJS를 왜 사용할까?
IAM
맨 위로 이동 ↑권한
맨 위로 이동 ↑vpc
VPC가 무엇일까
aws에서 마주치는 vpc는 무엇인가 궁금하여, 그에 대해 간단히 작성하고자 합니다.
vpn
VPC가 무엇일까
aws에서 마주치는 vpc는 무엇인가 궁금하여, 그에 대해 간단히 작성하고자 합니다.
referer
맨 위로 이동 ↑referrer
맨 위로 이동 ↑aws cli
AWS CLI 사용기
이번에 일로 AWS CLI를 통해서, S3를 사용해야 하는 경우가 생겼었습니다. 사용을 위해 찾아봤던 내용을 블로그에 정리하고자 이 게시물을 작성해 봅니다.
shell
AWS CLI 사용기
이번에 일로 AWS CLI를 통해서, S3를 사용해야 하는 경우가 생겼었습니다. 사용을 위해 찾아봤던 내용을 블로그에 정리하고자 이 게시물을 작성해 봅니다.
web component
Web Component란?
웹 컴포넌트가 뭐야?
shadow dom
Web Component란?
웹 컴포넌트가 뭐야?
캡슐
Web Component란?
웹 컴포넌트가 뭐야?
programming
프로그래밍란
이번에 개발에 앞서 프로그래밍에 대한 개념을 혼자서 끄적여 봅니다. 해당 글은 모던 자바스크립트 Deep Dive에서 참고하며, 작성하였습니다.
effective javascript
비동기 에러핸들링(JS)
javascript에서도 다른 언어들과 비슷하게 try…catch 문으로 에러핸들링이 가능합니다. 하지만 try 블럭 안에 비동기 동작이 존재하고, 해당 동작에서 에러가 발생할 때, 과연 동일하게 동작할 것인가? 라는 주제로 해당 글을 작성하려 합니다.
async
비동기 에러핸들링(JS)
javascript에서도 다른 언어들과 비슷하게 try…catch 문으로 에러핸들링이 가능합니다. 하지만 try 블럭 안에 비동기 동작이 존재하고, 해당 동작에서 에러가 발생할 때, 과연 동일하게 동작할 것인가? 라는 주제로 해당 글을 작성하려 합니다.
UTC
기간 제한하기(javascript, UTC)
개요 이번 회사 내 작업 중, 이벤트 기간을 구분하여 서비스 로직을 작동하도록 구현해야 했습니다. 그 작업을 바탕으로 생각을 정리하며 글을 써보려 합니다.
Date
기간 제한하기(javascript, UTC)
개요 이번 회사 내 작업 중, 이벤트 기간을 구분하여 서비스 로직을 작동하도록 구현해야 했습니다. 그 작업을 바탕으로 생각을 정리하며 글을 써보려 합니다.
devtool
맨 위로 이동 ↑devserver
webpack devServer 적용기
개요 이전 포스팅에서 개발환경에서 디버깅이 쉽도록, 소스매핑을 적용해 보았습니다. 이번에는 개발할 때, development server를 띄워 즉각적인 피드백을 받기위해서 해당 설정을 webpack을 통해 적용시킨 과정을 정리하고자 합니다. 그리고 추가적으로 해당 프로젝트에 어떤...
hot-reload
webpack devServer 적용기
개요 이전 포스팅에서 개발환경에서 디버깅이 쉽도록, 소스매핑을 적용해 보았습니다. 이번에는 개발할 때, development server를 띄워 즉각적인 피드백을 받기위해서 해당 설정을 webpack을 통해 적용시킨 과정을 정리하고자 합니다. 그리고 추가적으로 해당 프로젝트에 어떤...
HMR
webpack devServer 적용기
개요 이전 포스팅에서 개발환경에서 디버깅이 쉽도록, 소스매핑을 적용해 보았습니다. 이번에는 개발할 때, development server를 띄워 즉각적인 피드백을 받기위해서 해당 설정을 webpack을 통해 적용시킨 과정을 정리하고자 합니다. 그리고 추가적으로 해당 프로젝트에 어떤...
Bun
Bun를 설치해보자
Bun은 무엇일까? Bun은 javascript 엔진입니다. Node.js와 Deno와 같이 브라우저 외에서 JS를 사용할 수 있도록 만들어진 런타입니다. 아래와 같은 세 가지 요소를 중점으로 둔다고 합니다. Start fast New levels of performanc...