본문 바로가기

전체 글

(203)
[Javascript] var, let, const 차이 - 중복선언, 호이스팅, 스코프 관점 var만 쓰고 있다가 ES6에서 let과 const가 추가됨 var & let 중복선언 관점에서의 차이점 var은 중복선언이 가능하다. let은 중복선언이 불가능하다. 둘다 재할당은 가능(당연한 소리) case1) var은 재할당, 중복선언 모두 가능하다. --> 이상한것.. var gender = 'female' console.log(gender) // 변수 재할당 가능 gender = 'none' console.log(gender) // 변수 중복 선언 가능 var gender = 'male' console.log(gender) case2) let은 재할당은 가능하나 중복선언이 불가하다. -> 당연한것.. let name = 'Mike' console.log(name) // output: Mike /..
docker-compose.yml 작성법 사이드프로젝트에서 mysql을 도커를 사용하여 올려서 DB 서버로 이용한다. mysql 서버를 올릴 때 사용하는 docker-compose.yml 파일의 작성법에 대해 정리해 보려한다. dockerfile과 docker-compose.yml의 차이점과 함께 docker-compose.yml의 작성법을 정리해보자 1. Dockerfile - 목적 base Image 파일로 수정된 image를 만드는 일련의 과정들을 정리해 놓은 파일 docker는 이 dockerfile을 이용하여 손쉽게 동일한 이미지를 반복해서 만들 수 있다. - 예시(문법) # 베이스를 만들 이미지를 지정 FROM node:16 # 명령어들이 이루어질 기본 디렉토리 설정 WORKDIR /app # 소스를 복사, 자주 바뀌는 소스일 수록 ..
[Web] em 과 rem, CORS 란? 혼나고 배우는 것은 기억에 오래 남는 법. 1. em과 rem의 차이 1) 상대 단위란? 고정되지 않고 유동적으로 바뀔 수 있는 길이 단위이다. em, rem 을 포함해 %, vh, vw 등이 대표적인 css의 상대단위이다. 반대로 절대단위는 고정된 길이 단위이다. 대표적으로 px, pt를 들 수 있다. 쉽게 말해 1cm는 항상 손가락 한마디 반정도의 길이인것 처럼, 1px은 항상 0.02645833cm 인 것이다. 2) em과 rem의 공통점 em과 rem은 css의 font-size 속성값에 비례해서 결정되는 상대 단위이다. 예를 들어 기본 font-size가 16px의 경우 다음 과 같이 em의 크기가 정해진다 0.5em 16px * 0.5 8px 1em 16px * 1 16px 2em 16px *..