profile
피치를 올려 한걸음씩

[JavaScript] Template Literals / Tagged Template Literals

ES6는 템플릿 리터럴(Template literal)이라고 불리는 새로운 문자열 표기법을 도입하였다. 이는 일반적인 홑따옴표, 쌍따옴표 사용 대신에 백틱(backtick) 문자 \` 을 사용한다. 일반적인 문자열에서 줄바꿈은 허용되지 않으며 공백(white-space

2022년 3월 7일
·
2개의 댓글
·

[mongoDB] Mac Big Sur에서 Node.js + express + mongoDB 설치 및 연동

mongoDB 홈페이지에 가서 하단 이미지 경로로 들어가서 Mac버전으로 다운 받는다.다 받은 후 다운로드 폴더에 들어가서 tar 파일을 더블클릭해 압축을 풀어준다.다운로드 폴더에서 command + shift ⬆️ + g 버튼을 누르면 폴더를 이동할 수 있는 창이 뜬

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

[mongoDB/mongoose] 몽고DB / 몽구스에 대한 이해

이름의 mongo는 humongous를 줄인 표현이다. 즉 '겁나 큰 DB' 라는 뜻.MongoDB는 NoSQL로 분류되는 크로스 플랫폼 도큐먼트 지향 데이터베이스 시스템이다. MySQL 처럼 전통적인 테이블-관계 기반의 RDBMS가 아니며 SQL을 사용하지 않는다.

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

[JavaScript] 일반 함수 / 화살표 함수

먼저, 일반 함수를 만드는 방법은 두 가지가 있다. 첫번째는 다음과 같다.두번째는 다음과 같다.코드들을 기능으로 묶기 위해서소괄호에 뭔가 집어넣으면(input) return을 이용해 뭔가 뱉어내는(output) 기능 = 즉 입출력 기능을 만들기 위해서나중에 재사용 하기

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

[JavaScript] this란 무엇일까?

this를 바깥에서 쓰거나 일반 함수 안에서 쓰면 Window {}를 호출한다. 함수나 변수를 전역 공간에서 만들면 Window {}라는 Object에 보관한다. 따라서, Window {}는 JavaScript의 기본 함수들 수납공간이라고 할 수 있다. 이러한 이유로,

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

[CSS] position 속성

position 속성은 CSS에서 문서 상에 요소를 배치하는 속성으로, static, relative, absolute, sticky, fixed 이렇게 총 5가지 값이 있다. 하나씩 소개해보도록 하겠다.요소를 일반적인 문서 흐름에 따라 배치한다. top, right,

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

[JavaScript] var / let / const

변수 선언할 때 원래는 var만 있었으나 ES6 부터 let과 const가 추가되었다. 쓰려고 보니 용어마다 미묘한 차이점이 있어 정리하고자 한다.var 변수는 중복해서 선언이 가능하다. 똑같은 변수명일 경우 마지막에 할당된 값이 저장된다.var 변수는 선언 및 초기화

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

[Java] PDF 파일을 이미지로 변환 / pdfbox

pom.xml에 하단 디펜던시 추가 java 파일에 하단 소스 적용

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

[React] Node.js + Express + React 이해

누가 URL을 통해 HTML을 요청하면 해당 HTML을 보여주는 간단한 프로그램React와 Node 서버 간에 데이터를 주고받기 위해서 필요한 모듈이며, Proxy는 대신이라는 사전적 의미를 가지고 있고 클라이언트와 서버 사이에 네트워크 통신을 대리로 수행하는 미들웨어

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

[JavaScript] Array.sort() / Array.filter() / Array.map()

sort() sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. 결과값이 좀 이상하다. 작은 수에서 큰 수로 이루어져야 하는거 아닌가? 상식적으로 생각한다면 작은 수에서 큰 수로 array가 정렬되어야 하는 것이 맞다. 하지만, sort

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

[JavaScript] for ... in / for ... of / forEach

forEach Array의 prototype을 상속받은 객체가 사용할 수 있는 함수이다. 인자로 함수를 받아 각 배열의 요소에 해당 함수를 적용한다. 엄밀히 따지자면 반복문은 아니고, 함수이다. for ... in (객체 탐색) Object에 있는 key에 차례로 접

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

[React] react-table + typescript

yarn add react-table 로 react-table 설치yarn add @types/react-table 로 typescript 버전으로도 설치src 폴더 내 components란 폴더 생성해준다.테스트를 위해서 components 폴더 안에 더미데이터 파일

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

[HTML] Failed to load resource: the server responded with a status of 404 (Not Found) - favicon error

Failed to load resource: the server responded with a status of 404 (Not Found)favicon을 넣어주지 않아서 생기는 오류로, <head></head> 안에 하단 소스를 넣어주면 된다.

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

[jQuery] 여러 요소 셀렉트 및 이벤트 바인딩

한 요소 셀렉트 여러 요소 셀렉트 한 요소 한 개의 이벤트 바인딩 여러 요소 여러 개의 이벤트 바인딩 객체 형식으로 이벤트 바인딩 요소 안에 있는 요소에 이벤트 바인딩

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

[SVN] Visual Studio 2019에서 SVN 등록 및 연동하기

서버컴퓨터에 visualSVNServer에서 create new repository 로 HBIM 폴더 생성 후 유저 등록Visual Studio 2019를 켜준 뒤 확장 에서 확장 관리 누르고 visual studio marketplace 에서 ankhsvn2019 검

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

[JavaScript] Array.isArray()

Array.isArray() 메서드는 인자가 Array인지 판별한다.

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

[JavaScript] Object.values()

메소드는 전달된 파라미터 객체가 가지는 (열거 가능한) 속성의 값들로 이루어진 배열을 리턴한다.

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

[React] Node.js + Typescript + Express 서버 연동

우선, 프로젝트 폴더안에 client라는 리액트 프로젝트는 이전글에서 만들어준 걸로 사용한다.client와 형제 관계에 server라는 폴더 생성, 하단 그림과 같이 만들면 된다.프로젝트 폴더 위치에서 cmd를 열어준 뒤, 하단 명령어를 입력해 모두 설치해준다.설

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

[React] Node.js + Yarn + Typescript + React 설치하기

node.js 설치 / 설치돼있는 지 여부 알려면 터미널에서 node -v 실행해준다. 가능한 한, Node.js 홈페이지에서 LTS 버전으로 새로 받는 것이 좋다. 설치돼있으면 npm install --global yarn 으로 yarn 설치해준다. 프로젝트 폴더위치

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