post-thumbnail

[Node] 파일 시스템

파일 시스템에 접근하는 모듈노드의 fs모듈을 통해 파일을 생성하거나 삭제할 수 있고, 읽거나 쓸 수 있다.파일 뿐만 아니라 폴더도 생성/삭제할 수 있다.파일을 읽을 때 사용하는 메소드이다.readFile의 첫번째 인자는 읽을 파일의 경로이고,두번째 인자에는 콜백함수를

2021년 5월 13일
·
0개의 댓글

npm으로 github repository 설치하기

하나의 프로젝트를 만드는 과정에서 node package들을 많이 설치하게 되는데, github에 올려둔 repository 자체를 가져와서 사용할 수 있다는 것을 최근에 작업하면서 알게 되었다.팀 내에서 운영하고 있는 프로젝트의 node 버전은 8 버전대이다.해당 프

2021년 4월 20일
·
0개의 댓글
post-thumbnail

[TypeScript] any, undefined, interface

어떤 종류의 값도 저장 가능한 타입타입스크립트는 자바스크립트와의 호환을 위해 any라는 타입을 제공한다.any 타입의 변수에는 모든 종류의 값도 선언될 수 있다.undefined 값만 가질 수 있는 타입undefined 타입은 이름 그대로 undefined 값만 가질

2021년 4월 20일
·
0개의 댓글
post-thumbnail

[TypeScript] 타입스크립트 프로젝트 생성 및 관리

타입스크립트 프로젝트는 보통 typescript와 ts-node 패키지를 설치한다.tsc는 타입이 명시적으로 설정되어 있어야만코드가 문법에 맞게 작성되었는지를 검증해 코드를 동작시킨다.따라서 자바스크립트로 개발된 라이브러리들은 추가적으로 @types/가 앞에 붙어있는

2021년 4월 8일
·
0개의 댓글
post-thumbnail

[Git] Merge 전략

어떤 방식으로 merge를 하는가에 따라 commit history가 달라진다. commit history가 어떻게 남는지가 중요한 이유는 commit은 의미있는 하나의 변경사항이기 때문이다. commit 메세지를 보고 어떤 사항이 어떤 이유로 변경되었는지 파악할 수

2021년 4월 7일
·
0개의 댓글
post-thumbnail

[TypeScript] 타입스크립트 시작하기

회사에서 그동안은 자바스크립트만 사용했는데,앞으로는 타입스크립트로 프로젝트를 진행할 예정이라고 해서..슬슬 공부해야할 타이밍이라고 생각이 들어 책을 구매했다!!사실 이전에도 조금조금씩 타입스크립트를 써보기도 하고 공부도 했는데책 하나 쯤은 정독하면 더 좋지 않을까 하는

2021년 3월 31일
·
0개의 댓글
post-thumbnail

[Node] 노드 기능 알아보기

REPL REPL은 Read Eval Print Loop의 약자이다. 사용자가 입력한 코드를 읽고(Read), 해석하고(Eval), 결과물을 반환하고(Print), 종료할 때까지 반복(Loop)한다. 웹 브라우저의 콘솔창과 비슷하다. Node.js의 REPL은 간단한

2021년 3월 30일
·
0개의 댓글
post-thumbnail

[Git] Merge & Rebase

Merge > 브랜치 또는 특정 commit 내용을 현재 브랜치에 병합하는 것 주가 되는 브랜치로 이동해서(checkout) 합치려는 브랜치 또는 commit or 위치에 적어주면 된다. Merge 종류 Merge는 fast-forward 방식과 3-way-me

2021년 3월 22일
·
0개의 댓글
post-thumbnail

[Node] Node 공부 시작하기

node.js를 사용하면서도 기초부터, 처음부터 이해하면서 공부한 적이 없었던 것 같아서.. 하루에 1시간은 무조건 node에 대해 공부하기로 마음먹었다..!ㅠㅠ 일단 집에 있는 Node.js 교과서라는 책을 바탕으로 구글링도 해가며 공부해보는걸로!!! (제발 이 다짐

2021년 3월 16일
·
0개의 댓글
post-thumbnail

[Git] Branch

Branch > 독립적으로 작업을 진행하기 위한 개념. commit 사이를 이동할 수 있는 포인터 같은 것. 브랜치는 브랜치의 특징 각 브랜치는 다른 브랜치의 영향을 받지 않기 때문에, 여러 작업을 동시에 진행할 수 있다. 다른 브랜치와 병합(merge)하여 작업

2021년 3월 15일
·
0개의 댓글
post-thumbnail

[Git] Git Commands

Git Commands git config > git의 사용 환경에 대한 설정 사용자 정보 Git을 설치하고 나서 가장 먼저 해야하는 것은 사용자 이름과 이메일 주소를 설정하는 것이다. 설정하지 않으면 로컬에서 git을 사용할 수는 있어도 원격 저장소에 올릴 수

2021년 3월 15일
·
0개의 댓글
post-thumbnail

[Git] Git에 대해 알아보자!!

Git이란 버전 관리 시스템 (VCS : Version Control System) > 버전 관리 시스템: 파일 변화를 시간에 따라 기록했다가 나중에 특정 시점의 버전을 다시 꺼내올 수 있는 시스템 버전 관리는 쉽게 말해서 변경 내용에 대한 히스토리를 기록하는 것

2021년 3월 4일
·
0개의 댓글
post-thumbnail

[Javascript] 디바운싱과 쓰로틀링

디바운스와 쓰로틀링 모두 웹에서 발생하는 이벤트를 제어하는 방법이다. 예를 들어 스크롤 이벤트의 경우 스크롤링 할 때마다 발생하는데, 그 때마다 같은 작업을 실행하게 되면 성능 문제가 발생할 수 있다. 디바운스와 쓰로틀링을 적절한 상황에서 사용하여 그런 상황이 발생하

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

[JavaScript] 유사배열

유사배열이란? 이름 그대로 배열과 유사한 객체를 유사배열이라고 한다. 영어로는 Array-Like Object라고 함 유사배열에도 최소한 갖춰야할 조건이 있음 숫자 형태의 indexing이 가능하다 각 요소에 0부터 시작하는 숫자 형태의 index가 있어야 함

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

[JavaScript] 데이터 타입 - 데이터 할당의 동작원리

라는 책으로 회사에서 팀원분들과 스터디를 하게 되었고, 책의 첫번째 주제는 데이터 타입이였다. 데이터 타입이라는 제목만 봤을 때는 숫자,문자열,boolean 등 말 그대로 데이터 타입에 대한 내용이 있을 줄 알았는데 그보다는 오히려 데이터가 메모리에 어떻게 저장되고,

2020년 12월 2일
·
0개의 댓글
post-thumbnail

[JavaScript] Computed Property Name

최근 개발 업무 하다가 object의 key 부분을 변수값으로 넣고 싶어서 어떻게 해야되나 찾아보다가 알아낸 결과를 남겨보자!javascript에서 backtick(\`)을 사용하여 문자열을 표현한 것을 템플릿 리터럴이라고 한다.템플릿 리터럴을 사용하면 내부에 변수값을

2020년 11월 6일
·
0개의 댓글
post-thumbnail

사용자 지정 CSS 속성

최근 업무 중, 언어 선택을 했을 때 언어별로 길이가 달라져서 특정 element의 font-size를 변경해야 했었는데 어떻게 해야할까 고민하던 중 알게 된 것이 css에서도 변수를 사용할 수 있다는 것이다.회사의 테마색이 있거나 자주 사용하는 색상, 폰트 크기 등이

2020년 10월 14일
·
0개의 댓글
post-thumbnail

[JavaScript] Truthy & Falsy

Javascript에는 Truthy와 Falsy라고 하는 값이 있다. if문과 같이 boolean값으로 판단되는 상황에서 실제 값은 true/false가 아니더라도 true/false로 사용되는 값들을 Truthy, Falsy라고 한다. 위의 값들이 Falsy값들이

2020년 10월 6일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기 React & TypeScript 2회차 (3)

index.jsredux.jsaction : 상태 변화가필요할 때 객체의 형태로 발생시킴. type 필드는 필수적으로 가지고 있어야하고 추가적으로 다른 필드도 가질 수 있다.action 생성함수: 액션을 만드는 함수. 액션 객체를 만들 때 필요한 데이터를 인자로 받아

2020년 9월 18일
·
0개의 댓글
post-thumbnail

우아한 테크러닝 3기 React & TypeScript 2회차 (2)

new 연산자 new 연산자가 호출되면 새로운 빈 오브젝트를 생성하고 this를 새롭게 생성된 객체에 바인드 시킨다. 새롭게 생성된 this는 constructor(생성자) 역할을 한다. foo 함수는 생성자 함수가 된다. y는 new 연산자로 호출된 foo()함수

2020년 9월 18일
·
0개의 댓글