profile
해적왕이 될테야

자바스크립트의 함수

자바스크립트에서는 함수 리터럴을 변수에 할당할 수 있고 함수 리터럴은 값으로 평가되어 값을 생성한다. 특히 이 값은 객체라는 점을 기억해야 한다. 함수가 객체라는 사실은 다른 프로그래밍 언어와 구별되는 자바스크립트의 중요한 특징이다. 이 특징을 제대로 이해하지 않으면

2022년 4월 29일
·
0개의 댓글

자바스크립트의 변수

js 런타임 node에서 다음과 같은 연산을 해보자.자바스크립트는 10 과 20 가 숫자라는 것을 알고 있고 + 기호가 어떤 연산을 해야하는지 정확하게 알고있다. 10+20 코드를 작성하면 10 과 20 는 컴퓨터 메모리에 저장되고 CPU가 더하기 연산을 하여 30 을

2022년 4월 2일
·
0개의 댓글

도커 유용한 명령어 모음

존재하는 이미지 보기이미지 빌드하기이미지 빌드할 때 이름 및 태그 넣기이미지 제거하기사용하지 않는 모든 이미지 제거실행 중인 모든 컨테이너 정보 확인하기존재하는 모든 컨테이너 정보 확인하기컨테이너 생성 및 실행컨테이너 생성 및 실행 + 호스트와 컨테이너 포트 연결컨테이

2022년 3월 21일
·
0개의 댓글
post-thumbnail

도커로 외부 이미지 다운받아 실행해보기

이전 포스트까지 컨테이너에 대해 학습하였고 이제는 이미지를 알아볼 차례입니다.이미지로 여러 컨테이너를 만들 수 있습니다. 도장이란 비슷하죠. 도장을 한번 만들면 얼마든지 같은 것을 찍어낼 수 있는 것처럼 이미지도 한번 정의해두면 다른 시스템과 다른 서버에서 여러 번 실

2022년 3월 20일
·
0개의 댓글
post-thumbnail

도커 Tools와 도커라이즈 해보기

Docker Desktop(Engine) : Daemon & CLI 를 포함한 도커 툴Docker Hub : 클라우드 웹에서 이미지를 호스팅하여 다른 시스템과 사람들에게 쉽게 공유할 수 있게 해주는 서비스Docker Compose : 더 복잡한 컨테이너 또는 다중 컨테

2022년 3월 20일
·
0개의 댓글

가상머신 vs 도커 | 개요 #2

이전 포스트에서 도커가 무엇인지 알아보았습니다. 그런데 개발 환경의 문제는 가상 머신으로도 해결할 수 있습니다. 그럼 도커말고 가상머신 쓰면 되지 않을까요? 맞습니다. 그럴 수 있죠. 가상 머신에 필요한 모든 라이브러리, 디펜던시 및 도구들을 설치하고 소스 코드를 그

2022년 3월 19일
·
0개의 댓글
post-thumbnail

도커에 대해 알아보자 | 개요 #1

도커는 컨테이너를 생성하고 관리하는 도구다.컨테이너는 애플리케이션을 실행하기 위해 필요한 모든 것을 담는 공간이다.도커는 컨테이너를 생성하고 관리하기 위한 도구입니다.그래요. 이것은 분명 간결하고 좋은 문장이지만 문제는 우리는 도커에 대해 아무것도 몰라요. 소프트웨어

2022년 3월 19일
·
0개의 댓글

프론트엔드 베이비가 백엔드 입문하기

지극히 정상적인 공부다. 지난 12월, 프론트엔드 개발자가 되기로 결심하고 개발에 입문하였는데 3개월 동안 프론트엔드 개발을 하면서 백엔드는 내가 원하는 데이터를 요청하면 주는 곳일 뿐이었다. 이렇다보니 개발 전반에 대한 지식이 얄팍했다. 더욱 단단한 개발자기 되기 위

2022년 3월 12일
·
0개의 댓글

JWT 인증 방식

HTTP 프로토콜은 두가지 특징을 가지고 있습니다. 바로 Stateless(무상태)와 Connectless(비연결성)입니다. 이런 HTTP 프로토콜의 특징으로 인해 매 통신마다 상태를 유지 않지 않고 당연히 로그인 정보도 기억하지 않습니다. 그래서 유저가 로그인을 했다

2022년 2월 24일
·
0개의 댓글

Next.js 문서를 읽고 느낀점

넥스트는 프레임워크이다. 프레임워크는 라이브러리와 다르게 정해진 규칙같은 것이 있다. 개발자는 이 규칙을 반드시 지켜서 개발해야 한다. 이런 면에서 라이브러리는 프레임워크보다 자유도가 높지만, 프레임워크 쪽이 논의할 거리를 줄여주기 때문에 개발 시간을 단축한다. 하지만

2022년 2월 21일
·
0개의 댓글
post-thumbnail

개인 블로그에 다크모드 적용하기

Gatsby 는 리액트 기반 정적 사이트 생성기로, 개인 블로그나 소개 페이지같은 정적 사이트를 제작할 때 많은 사람들이 사용하는 프레임워크입니다. 정적 사이트기에 빌드 과정이나, 하이드레이트되는 것이 일반 리액트 앱과는 많이 다랐고 다크모드를 적용할 때 많은 시행착오

2022년 2월 20일
·
0개의 댓글

CSS에서 position 속성

position 속성은 문서 상에 요소를 배치하는 방법을 지정합니다. top, right, bottom, left 속성이 요소를 배치할 최종 위치를 결정합니다.요소를 일반적인 문서 흐름에 따라 배치합니다. position 값을 지정하지 않으면 default 값으로 지정

2022년 2월 19일
·
0개의 댓글
post-thumbnail

SEO와 관련 태그들

기술 블로그를 제작해본 사람이라면 SEO 를 들어본 경험이 있을 것입니다. 또 일부 크롤러가 자바스크립트를 알지 못하기 때문에 CSR 보다는 SSR 의 SEO 가 더 좋다는 것도 자명한 사실입니다. 구글에 내 사이트가 검색이 잘 되려면 어떻게 해야 할까요?<met

2022년 2월 18일
·
0개의 댓글
post-thumbnail

JS의 호이스팅과 var, let, const의 차이점

호이스팅에 대한 이야기는 쉽게 접할 수 있다보니 느낌으로만 알고 있었는데 var, let, const 에 대한 이야기를 다루려면 더 자세히 알아야겠다는 생각이 들었습니다. 호이스팅이 무엇인지, 사람들이 말하는 호이스팅이 과연 맞는 것인지 자세히 알아보겠습니다.let,

2022년 2월 17일
·
0개의 댓글
post-thumbnail

<script> 태그 위치와 관련 지식

오늘 아침에 눈을 떴는데 문득 script 태그를 공부하고 싶더군요. 리액트 같은 라이브러리를 쓰면서 잘 다루지 않게 되었는데, 빌드 파일의 script 태그의 설정을 보면 브라우저에서 실행되는 과정을 이해할 수 있고 또 미리 공부해

2022년 2월 16일
·
0개의 댓글
post-thumbnail

DOCTYPE이 무엇일까?

HTML5을 작성하기 위해서 맨 앞에 선언되어 있는 것이 있다.바로 DOCTYPE 이다. html 문서를 작성할 때 vscode 등에서 스니펫을 이용하다보니 깊게 고민해본 적이 없었는데, 문득 왜 써야하는지 궁금해졌다. '"문서 형식 선언"(Document Type D

2022년 2월 15일
·
0개의 댓글