분류 전체보기 검색 결과
224 개의 검색 결과가 있습니다.
Frontend/JavaScript

[JS] null과 undefined에 대해서

JavaScript에서 null과 undefined 모두 '없음'을 나타내는 값이다. 얼핏 보면 두 값의 차이가 없는 것 처럼 보이지만 각각의 사용목적은 다르다. undefined는 값이 대입되지 않은 변수 혹은 속성을 사용하려고 할 떄 반환되는 값이다. let foo; foo // undefined const obj = {}; obj.prop; // undefined null은 '객체가 없음'을 나타내며 typeof 연산을 하였을 때 아래와 같은 값을 반환한다. typeof null // 'object' typeof undefined // 'undefined' 개발을 할 때 값이 '없음'을 의미하기 위해서 undefined를 쓴다면 아래와 같이 그 의미가 불분명해진다. let foo; // 값을 대입한..

2021. 8. 1. 00:18
Dev Tools

[VS Code] 기초적인 ESLint 사용 방법

ESLint는 자바스크립트 문법 검사기로써 다음과 같은 기능을 수행한다. 1. 개발자가 작성한 코드를 분석해 문법적 오류를 찾아 수정해줌 2. 정해진 포맷에서 벗어난 부분을 자동으로 교정해줌 3. 따라서 일관된 코드 스타일을 유지시켜줌 ESLint를 터미널을 이용해 설치하여 이용하는 방법은 나중에 포스팅하고 우선 VS Code extension에서 설치하여 사용하는 방법을 알아보도록 하자. 환경설정 및 사용방법 1. recommended로 변경 package.json에서 eslint 규칙을 recommended로 설정한다. recommended은 가장 강한 규칙을 의미한다. "extends": [ "plugin:vue/recommended", "eslint:recommended" ], 2. setting..

2021. 7. 31. 00:03
Frontend/JavaScript

[JS] 자바스크립트 큐, 스택, 트리 구현하기

0. 큐, 스택, 트리 어떤 데이터의 구체적인 구현 방식은 생략한 채, 데이터의 추상적 형태와 그 데이터를 다루는 방법만을 정해놓은 것을 가지고 ADT(Abstract Data Type) 혹은 추상 자료형이라고 한다. 1. 큐 (Queue) 데이터를 집어넣을 수 있는 선형(linear) 자료형이다. FIFO(First In First Out) : 먼저 넣은 데이터가 먼저 나온다. 데이터를 넣는 enqueue, 데이터를 추출하는 dequeue 등의 작업을 할 수 있다. class Queue { constructor() { this._arr = []; } enqueue(item) { this._arr.push(item); } dequeue() { return this._arr.shift(); } } cons..

2021. 7. 29. 23:08
Frontend/Vue.js

[Vue] 컴포넌트 재사용을 위한 Slots 활용하기

0. 슬롯(Slots) 이란? 비즈니스적인 요구사항에 의해 컴포넌트의 특정 부분(버튼, 텍스트 ...)만 바꾸고 싶을때 새로운 컴포넌트를 많들지 않고 기존 컴포넌트의 일부만 바꿀 수 있는 방법이 있다. 즉, 컴포넌트의 재사용성을 높이기 위해서 사용하는 기능을 슬롯(Slots)이라 한다. 또한 Vue.js 2.6.0 버전 이후부터는 기존의 named slots와 scoped slots를 통합한 v-slot 문법을 사용한다. This is parent → 결과: 에 This is parent가 출력된다. 1. 컴파일 범위 (Compilation Scope) 부모 템플릿 안에 있는 것은 부모 컴포넌트의 범위, 자식 템플릿 안에 있는 것은 자식 컴포넌트의 범위에 컴파일된다. // 부모컴포넌트에 있는것은 잘 출력..

2021. 7. 28. 23:38
Infra

[Docker] 도커 자주 사용하는 명령어 정리

Docker 자주 사용하는 명령어 ▶ Image 명령어 - 도커 이미지 리스트 docker images - 도커 이미지 생성 docker build --tag [이미지명]:[태그명] . (**이미지 이름은 소문자만) Ex) docker build --tag imagetest:0.1 . - 이미지 삭제 docker rmi [이미지명] (**컨테이너가실행중이면삭제불가) ▶ Container 명령어 - 도커 컨테이너 리스트 docker ps -a - 컨테이너생성(=실행) docker run --name Jupiter1.5.2 -d -p 5002:9001 docker/portal-api-app:0.1 - 도커 컨테이너 백그라운드에서 실행 docker run --name [컨테이너명] -d -p [기존포트]:[변..

2021. 7. 28. 12:36
Frontend/JavaScript

[JS] 현재 URL 가져오기

자바스크립트에서 현재 사이트의 URL을 가져오려는 경우 다음과 같은 스크립트를 작성하면 됩니다. window.location.href - 현재 페이지의 href 반환 window.location.hostname - 웹 호스트의 도메인 네임 반환 window.location.pathname - 현재 페이지의 경로와 파일 이름 반환 window.location.protocol - 사용하는 웹 프로토콜 반환 (http:// 혹은 https://) window.location.assign - 새 document 로드 아래는 전체 URL 경로를 가져온 예제입니다. var url = window.location.href //"https://cocobi.tistory.com/manage/newpost/41?type=..

2021. 7. 28. 00:21