profile
데이터에 소외된 계층을 위해 일을 하는 개발자를 꿈꾸는 학생입니다
태그 목록
전체보기 (56)TIL(38)JavaScript(27)typescript(4)datastructure(4)html(3)refactoring(3)알고리즘(3)자료구조(3)프로젝트(3)코드스테이츠(3)TDD(3)DOM(3)객체지향(2)typeOrm(2)http(2)express(2)리팩토링(2)프로그래머스(2)DFS(2)시간복잡도(2)문자열(2)CSS(2)기획(2)React(2)리팩터링(2)후기(2)mocha(2)node.js(2)class(2)server(2)OOP(1)rds(1)호이스팅(1)InstantiationPatterns(1)진로(1)nodejs(1)2019년(1)함수형 프로그래밍(1)객체(1)유사배열(1)recursion(1)project(1)학습법(1)빅오(1)route53(1)실행컨텍스트(1)client(1)재귀법(1)chai(1)프로토타입(1)마틴파울러(1)Prototype(1)await(1)commandLine(1)서버(1)level1(1)테스트 주도 개발(1)async(1)디버깅(1)ESLint(1)Backend(1)supertest(1)hoisting(1)조건문(1)자바스크립트(1)twitter(1)테스트(1)ec2(1)반복문(1)https(1)json(1)클로저(1)회고록(1)ormconfig(1)tree(1)재귀함수(1)완전탐색(1)BFS(1)연결리스트(1)HashTable(1)함수(1)this(1)arrow function(1)nvm(1)비동기 호출(1)질문하는 방법(1)template(1)TestDrivenDevelopment(1)재귀(1)스택(1)super(1)react native(1)jest(1)aws(1)github(1)상속(1)JSX(1)NestJS(1)변수(1)seed(1)명령어(1)(1)코딩(1)hash(1)공부(1)ES6(1)부트캠프(1)고민(1)algorithm(1)redux(1)상태관리(1)data structure(1)closure(1)헤더(1)코딩컨벤션(1)유닛테스트(1)scope(1)call(1)git(1)클라이언트(1)routing(1)migration(1)지역화폐(1)배열(1)component(1)promise(1)API(1)Graph(1)모의고사(1)workflow(1)
post-thumbnail

chapter 2 리팩터링 원칙

chapter 2.리팩터링 원칙 2.1 리팩터링 정의 리팩터링이란 어플리케이션 외부에서 동작하는 기능은 유지한 채 코드의 가독성, 유지 보수성을 높여주도록 코드의 구조를 바꾸는 것이다 refactoring 과 restructuring 의 다른점 restructu

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

chapter1 Refactoring 예시

첫번째 쳅터는 앞으로 다루게 될 앞으로의 리팩터링 내용들을 가볍게 훑고 지나가는 챕터이다함수 추출하기란 말 그대로 코드 조각을 함수로 추출하는 과정을 의미한다 함수로 추출할 때 변수의 유효 범위를 체크 해야한다 유효범위를 벗어나는 변수는 매개변수로 전달하고 함수 내부에

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

개요

회사에 취직을 한지 이제 7개월이 지났다 회사에서 여러 프로젝트를 분석하고 또 새로운 프로젝트를 작성하면서 수많은 코드를 만날 수 있었다 굉장히 깔끔하게 정리가 잘된 코드도 보았고 흔히 말하는 스파게티 코드 처럼 섞여있는 코드도 만났다 이런 여러 종류의 코드를 만나면서

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

NestJS TypeOrm 적용하기

NestJS 는 여러 데이터 베이스를 적용할 수 있는데 TypeScript 와 호환성이 좋은 TypeOrm 을 적용하는 방법에 대해서 블로그를 남겨보겠다MySQL 은 도커를 이용해서 생성해 준다 도커를 설치한 상태에서 아래 명령어를 입력하면 MySQL 8 버전을 도커

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

새로운 기술(프레임 워크, 언어) 등을 익히는 방식

공식 레퍼런스에서 해당 프레임워크가 지향하는 바를 파악어떤 단점이 있는지 파악한다.프레임워크의 사용되는 언어를 이해환경 설정을 파악한다hello world와 같은 방식해당 언어 사이트로 가서 언어를 파악완벽하게 이해하려 하지 않는다.필요한 부분만 쏙쏙 찾아서 파악JS

2020년 7월 26일
·
0개의 댓글
·

배포 및 개발 서버 설정 리뷰

백엔드에 대한 배포를 EC2와 RDS를 이용해서 진행하였다. EC2는 기본적인 프리티어 설정인 unbuntu 18.04 LTS를 사용하였고 인스턴스 유형 또한 기본적인 프리티어 설정인 t2.micro를 선택하였다. t2.micro 설정으로 하면 램이 1GB를 할당받는데

2020년 7월 15일
·
0개의 댓글
·

프로젝트 기획 및 초기 셋팅

테스트 작성

2020년 7월 13일
·
0개의 댓글
·

TDD(Test-driven development)

이번 프로젝트에서 TDD(Test-driven development) 방식을 도입했었다 나는 트랙과 스케쥴에 관한 API를 TDD로 진행하기로 하고 먼저 테스트 작성에 들어갔다 테스트를 얼추 작성하고 테스트를 실행하였는데 Mocha를 Typescript에서 찾지를 못해

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

TIL(20.05.01) redux

리액트에서는 상태와 속성을 이용한 컴포넌트 단위 개발 아키텍쳐 였지만 redux에서는 컴포넌트와 상태를 분리하는 패턴을 배운다. Redux는 React 없이도 사용할 수 있는, 상태 관련 라이브러리입니다.상태 관리 라이브러리가 왜 필요한지 이해할 수 있다.Redux

2020년 6월 30일
·
0개의 댓글
·

TIL(20.05.01) react

react는 JavaScript 라이브러리로써 사용자 인터페이스를 만들기 위해 사용된다 JSX는 자바스크립트의 확장 문법으로 dom에 그려질 ui가 어떻게 생겼는지를 설명하기 위한 문법이다 JSX는 엄연히 자바스크립트 코드이기 때문에 자바스크립트 객체로서 다루어 진다

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

타입스크립트 적용기,서버 라우팅 작업

타입스크립트는 마이크로소프트사에서 개발한 자바스크립트 상위 호환 언어이다 타입스크립트는 자바스크립트 엔진을 사용하기 때문에 자바스크립트 프로그램을 그대로 가져다 사용할 수 있다 타입스크립의 특징을 타입을 직접 정해 줄 수 있기 때문에 정적 타입언어에서 지원하는 컴파일

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

개발보다 힘든 기획의 중요성

어떤 서비스를 제공해주는 플랫폼을 개발하기 위해서는 기획이라는 중요한 단계를 거쳐야 한다 기획은 개발기간 동안에 진행 되어야할 여러가지 파트의 설계도라고 생각하면 된다 예를 들어 프론트엔드와 백엔드가 주고 API 문서를 기획단계에서 왠만한 틀을 가지고 진행을 해야한다.

2020년 6월 30일
·
1개의 댓글
·

First Project 최종 후기

개요 드디어 오늘 First Project가 끝났다 2주라는 기간이 어쩌면 길고 어쩌면 짧은 기간속에 힘들고 포기하고 싶은적도 있었고 개발이 진행이 잘되어 기분이 날라갈 것 같을 때도 있었다 이런 짧은 시간동안 여러가지 감정을 느끼게 된 것은 오래간만이라는 생각이 들었

2020년 5월 31일
·
0개의 댓글
·

FirstProject 중간 후기

오랜만에 블로그를 작성한다 너무 작성을 안하면 후회할 것 같아서 조금이라도 기록을 써본다현재 내가 진행하고 있는 프로젝트는 지역화폐의 사용처를 지도위에 표시해주는 웹서비스를 구현하고 있다내가 맡은 파트는 백엔드이고 백엔드의 기능적인 부분은 경기도 api로 부터 데이터를

2020년 5월 24일
·
2개의 댓글
·
post-thumbnail

TIL(20.04.27)자바스크립트 비동기 (Promise, async, await)

비동기적인 처리란 어떤 하나의 처리를 하는 과정중에 다른 처리도 동시에 진행할 수 있는 것을 의미한다. 그림으로 예시를 들면 아래와 같다위와 같이 비동기적으로 처리를 하게 되면 각각의 작업이 독립적으로 실행되기 때문에 다른 하나의 작업이 막혀서 다른 작업을 못하는 동기

2020년 4월 27일
·
0개의 댓글
·
post-thumbnail

TIL(20.04.08)HTTP헤더

Date : HTTP메시지가 만들어진 시각Date: Thu, 12 Jul 2018 03:12:27 GMTConnection : HTTP/1.1에 있는 내용이지만 아무런 의미가 없다Connection: keep-aliveCach-Control : 매우 중요하다Conten

2020년 4월 27일
·
0개의 댓글
·
post-thumbnail

TIL(20.04.07)Node.js

Node.js란 v8엔진으로 만들어진 자바스크립트 런타임이다.v8: 자바스크립트 컴파일러로 써 자바스크립트를 네이티브 머신코드로 컴파일 해준다런타임: 프로그램이 구동되는 환경즉 Node.js 란 자바스크립트를 컴파일 해주는 엔진으로 빌드 된 자바스크립트가 구동중인 환

2020년 4월 27일
·
0개의 댓글
·
post-thumbnail

TIL(20.04.06)클라이언트와 서버

Browser란 웹서버에서 이동하며 쌍방향으로 통신하고 HTML문서나 파일을 출력하는 GUI기반의 응용소프트트웨어이다대표적인 브라우저로 크롬,파이어폭스,사파리,엣지최초의 브라우져는 팀버너스리의 의해 발명되었고 그 이름은 월드 와이드 앱이었다 이후 넥서스로 바뀌었고 최초

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

TIL(20.04.03)N-Queens

N-Queens 문제 8 퀸 문제는 8x8크기의 체스판에 퀸을 8개 배치하는 문제이다. 1848년 막스 베첼이 처음 제안하였다. 이 문제를 일반화하면 NxN 크기의 체스판에 퀸을 N개 배치하는 N 퀸 문제가 된다. 구성적인 해법으로 N이 2,3인경우를 제외하고 해를 찾

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

TIL(20.03.25)ES6의 class와 super 키워드

ES6 에서 클래스를 정의하고 상속하는 방식은 이전 방식과는 다르게 매우 간결해졌다아래와 같은 방식으로 클래스를 정의할 수 있다 contructor키워드를 이용해서 생성자 또한 정의해야한다.이런 방식 이전에 클래스를 상속해주기 위해서는 이전 포스트에서도 서술했지만 여

2020년 3월 25일
·
0개의 댓글
·