profile
행복한 프론트엔드 개발자
post-thumbnail

RxJS (Reactive Extenstions)

일단 RxJs가 무엇인지를 설명하기에 앞서 두 가지 용어를 먼저 이해할 필요가 있다.Reactive Programming (RP)Functional Reactive Programming (FRP)Reactive Extensions (Rx)Reactive programm

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

Tailwind CSS (NextJs환경에서 사용하기)

오늘은 요즘 핫한 CSS 프레임워크인 Tailwind CSS를 Nextjs 환경에서 적용해보며 배워볼 예정이다.Tailwind CSS 는 Utility-First Fundamentals로 이루어진 CSS 프레임워크이다. 아래 예제를 보며 tailwind css를 이

2022년 3월 29일
·
0개의 댓글
post-thumbnail

함수형 프로그래밍(FP) 실습

이 글은 함수형 프로그래밍과 명령형 프로그래밍의 차이점을 학습하기 위해 인프런 함수형프로그래밍 강의를 따라하며 개인적으로 정리한 내용이다. https://pul8219.github.io/javascript/js-fp-step49/ add_maker 예제

2022년 3월 18일
·
0개의 댓글
post-thumbnail

함수형 프로그래밍(FP)

함수형 프로그래밍이란? 함수형 프로그래밍은 객체지향, 절차적 프로그래밍와 같은 프로그래밍 패러다임중 하나이다. 함수형 코드는 객체지향보다 간결하고, 테스트하기 쉬운 경향이 있지만 함수형 코드에 생소하다면 복잡해 보일 수 있다. 함수형 프로그래밍을 이해하기 위해선 몇

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

PWA? 프로그레시브 웹앱?

모바일 앱과 같은 경험을 주는 웹 앱앱 아이콘, 오프라인, 모바일 푸시, 보안(Https) 등의 기능을 제공네이티브 앱과 달리 HTML,JAVASCRIPT, CSS를 이용하여 구현반응형(Responsive) : 데스크탑, 모바일, 테블릿등 여러 기기에서 동일한 사용자

2022년 3월 11일
·
0개의 댓글
post-thumbnail

TIL DAY.52 [React + Typescript] interface, type alias , generics

인터페이스는 클래스 또는 객체를 위한 타입을 지정할 때 사용 됩니다.아래는 Shape이라는 인터페이스를 통해 Circle 과 Rectangle의 class타입을 지정해줬습니다.아래는 Person과 Developer 인터페이스를 통해 객체의 타입을 지정해줬습니다.Alia

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

TIL DAY.51 [React + Typescript] 기본타입, 함수

CRA로 파일을 만들고 다음과 같은 명령어로 타입스크립트를 설치해줍니다.yarn add typescript ts-node다음 명령어를 통해서 타입스크립트의 설정을 변경할 수 있는 tsconfig.json 파일을 만들어 줄 수 있다. tsconfig.json 안에 있는

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

TIL DAY.50 [JavaScript ES6] 데이터타입 let, var, hoisting

var hoisting 으로 인해 어디에 선언했냐에 상관없이 선언을 제일 상위로 올라가게 된다.(move declaration from bottom to top){}의 스코프가 var에게는 무의미해서 어디서든 한번 선언한 var을 쓸 수 있기에 문제가 생긴다. (has

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

TIL DAY.50 [JavaScript ES6] ArrowFunction, 함수 정의

프로그램을 구성하는 기본적인 building block이다.subprogram 이라고도 불리며 여러번 재사용이 가능하다.대체적으로 한가지의 기능이나 값을 계산하기 위해 쓰여진다.하나의 함수는 하나의 기능만 하도록 만들어야한다.(one function === one th

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

TIL DAY.49 [React] useMemo & useCallback

회사에서 프로젝트를 진행하며 중첩필터를 구현하는 과정에서 처음에는 별거 아닌 것처럼 느껴졌지만 프로젝트가 커질수록 실제로 메모리를 많이 잡고, api요청을 중첩해서 보내는 현상이 일어났다.여기서 말하는 중첩 필터란,1\. api요청을 통해 필터의 리스트를 받아온다.2\

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

TIL DAY.48 [React + Typescript]

오늘은 최근에 많이 사용되고 있는 타입스크립트에 대해서 학습하는 시간을 갖도록 하겠다. 패스트캠퍼스 강의를 보며 정리를 해보자.오픈소스 프로그래밍 언어자바스크립트의 상위 집합으로 ECMA스크립트의 최신 표준을 지원정적인 언어로 컴파일 시간에 타입을 검사장점: \- 강

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

TIL DAY.47 [코어 자바스크립트] 클로저

오늘은 면접에서 굉장히 많이 물어보면서 이해하기 어려운 클로저에 대해서 알아보는 시간을 갖도록 하겠다.클로저(Closure)는 여러 함수형 프로그래밍 언어에 등장하는 보편적인 특성이다. 자바스크립트 고유의 개념이 아니라서 EMCAscript 명세에서도 클로저의 정의를

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

TIL DAY.46 [코어 자바스크립트] 콜백 함수

오늘은 내가 평소 제일 헷갈리고 알고 싶었던 콜백 함수에 대해서 코어 자바스크립트 내용에 있는 핵심 내용을 써가면서 공부해보는 시간을 갖도록 하겠다.Callback Function(콜백 함수)는 다른 코드의 인자로 넘겨주는 함수이다. 예를 들면 어떤 함수 X를 호출하면

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

TIL DAY.45 [코어 자바스크립트] this

평소에 자바스크립트를 공부하면서 제일 혼란스러웠던게 this라는 개념이였다. 분명 쓰고는 있지만 내가 맞게 쓰고 있는건지 항상 의문이 들었다. 그래서 이번에는 평소 혼란스러웠던 this라는 개념에 대해서 좀 더 명확하게 알아보는 시간을 갖도록 하겠다. 다른 대부분의 객

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

TIL DAY.44 [코어 자바스크립트] 실행 컨텍스트

실행 컨텍스트 (exexcution context)는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체로, 자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념이다.우선 실행 컨텍스트 개념을 파악하기에 앞서 자료구조의 핵심인 스택(Stack) 과 큐(Qu

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

TIL DAY.43 [코어 자바스크립트] 데이터 타입 (2)

오늘은 저번에 이어서 데이터 타입에 대해서 더 학습하는 시간을 갖도록 하겠다.참조형 데이터의 프로퍼티에 다시 참조형 데이터를 할당하는 경우인 중첩객체(nested object)에 대해서 알아보도록 해보자.var obj = {x: 3,arr: 3, 4 ,5 }여기서 o

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

TIL DAY.42 [코어 자바스크립트] 데이터 타입

오늘은 프론트엔드라면 필수로 알아야할 자바스크립트의 개념에 대해서 알아보고자 한다. 자바스크립트를 파기 시작하면 정말 끝이 없는 걸 알고 있어서 어디서부터 공부를 해야할까 찾아보다가 주변에서 코어 자바스크립트를 추천해줘서 책을 보며 정리해보는 시간을 가져볼려고 한다.자

2020년 11월 21일
·
2개의 댓글
post-thumbnail

브랜디 인턴십 후기

오늘은 위코드 3개월차 과정인 기업협업을 진행한 후기를 작성해 보도록 하겠다. 기업협업 리스트에는 총 5가지의 회사가 있었다, 나는 운이 좋게도 그 중에 제일 규모가 큰 회사인 브랜디에서 기업협업을 진행 했었다.

2020년 11월 14일
·
2개의 댓글
post-thumbnail

TIL DAY.41 [Flask] 데이터베이스

!\[](https://images.velog.io/images/kyman19940214/p\[링크텍스트]앞에서 만들었던 트위터의 미니 버전인 미니터 API를 만들면서 API가 새로 재시작 될 때마다 담아두었던 데이터가 모두 사라져서 굉장히 불편했다. 하지만

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

TIL DAY.40 [Flask] MiniTweet api 만들기

오늘은 Flask를 배우면서 처음으로 유명한 소셜사이트인 tweeter 기능 중 회원가입, follow, unfollow, tweet, 그리고 timeline 기능까지 api를 만들어 보았다.송은우님의 깔끔한 파이썬 탄탄한 백엔드에 나오는 minitweet이라는 예제를

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