profile
일단 달려
post-thumbnail

Typescript 개념잡기(7)

제네릭, 타입스크립트에서 가장 재밌는 기능이라고 생각되는 기능에 대해 공부해보자. >타입스크립트 핸드북(타입스크립트 핸드북)을 보고 공부한 것을 정리한 글입니다. 기본적인 JS 지식은 가진 상태라고 가정합니다. 제네릭은 본래 C#, java 등의 언어에서 재사용성이

2022년 5월 22일
·
0개의 댓글
post-thumbnail

Typescript 개념잡기(6)

계속하자. 이번에는 클래스에 대한 내용이다.타입스크립트 핸드북(타입스크립트 핸드북)을 보고 공부한 것을 정리한 글입니다.기본적인 JS 지식은 가진 상태라고 가정합니다.클래스의 속성에 readonly 키워드를 사용하면 아래와 같이 접근만 가능하다.이처럼 readonly를

2022년 5월 16일
·
0개의 댓글
post-thumbnail

Typescript 개념잡기(5)

저번 시간에 이어서 연산자를 이용한 타입 정의에 대해 공부해보자.

2022년 5월 16일
·
0개의 댓글
post-thumbnail

Typescript 개념잡기(4)

이번 글에서는 이넘(Enum)에 대한 개념을 잡아보자!타입스크립트 핸드북(타입스크립트 핸드북)을 보고 공부한 것을 정리한 글입니다.기본적인 JS 지식은 가진 상태라고 가정합니다.이넘은 특정 값들의 집합을 의미하는 자료형이다. 예를 들어 아래와 같은 목록이 이넘이 될 수

2022년 5월 7일
·
0개의 댓글
post-thumbnail

Typescript 개념잡기(3)

저번 글에 이어 인터페이스에 대한 내용을 다뤄보자. >타입스크립트 핸드북(타입스크립트 핸드북)을 보고 공부한 것을 정리한 글입니다. 기본적인 JS 지식은 가진 상태라고 가정합니다. 인터페이스 핸드북에서는 인터페이스를 다음과 같이 정의했다. >인터페이스는 상호 간

2022년 5월 6일
·
0개의 댓글
post-thumbnail

Typescript 개념잡기(2)

이어서 타입스크립트의 함수에 대한 이야기를 해보자. 타입스크립트에서의 함수 웹 애플리케이션을 구현할 때 자주 사용되는 함수는 타입스크립트로 크게 다음 3가지 타입을 정의할 수 있다. 함수의 파라미터(매개변수) 타입 함수의 반환 타입 함수의 구조 타입 >즉 함수의

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

Typescript 개념잡기(1)

이제 자바스크립트를 넘어 타입스크립트를 배워야할 시기라고 생각..하지는 않지만, 배우고 싶기도 하고 좀 더 빠르게 익혀서 나쁠 건 없다고 생각했다.바로 시작하자!타입스크립트 핸드북(타입스크립트 핸드북)을 보고 공부한 것을 정리한 글입니다.기본적인 JS 지식은 가진 상태

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

Poemable side project(2)

4월 한달 간 매일 조금씩 프로젝트를 개발하고자 했다. 시간이 많이 투자된 것은 아니지만, 간단하게나마 전체 기획부터 CI/CD 파이프라인 구축까지 구현할 수 있었다. 덕분에 DevOps에 대한 지식도 쌓고, 흥미가 생긴 것 같다. 각설하고, 지금부터 프로젝트에 대한

2022년 5월 4일
·
0개의 댓글
post-thumbnail

Context API

프로젝트 내에서 전역 상태관리가 얼마나 필수적인지 깨달은 뒤, 다양한 상태관리 도구들을 익혀두는 것이 좋겠다는 생각을 하였다. 물론 기존에 애용하던 Redux도 좋은 툴인 것은 맞지만, 각 툴들의 장단점을 알고 상황에 맞게 쓰는 것이 좋은 개발자로서의 자세라고 생각하기

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

Graphql Directive

"fullstack Serverless" 책도 거의 반절이 넘는 챕터를 읽고 공부하였다. 전반적으로 AWS 기능을 사용하는 방법에 대해 매일 이해를 더하는 도중, Graphql의 스키마에 대한 정확한 이해가 아직 매우 부족하다는 것을 느꼈다. 그래서 책 내 Chap

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

Poemable side project(1)

AWS-Amplify를 이용한 서버리스 프로젝트에 대한 기본적인 내용을 모두 익혔고,이제 이 내용을 가지고 조그마한 프로젝트를 진행해보고자 한다.본래 배운 내용에 대한 전체적인 정리를 먼저 하려고 했으나,내가 이 내용에 대해 완벽히 알고 있다고 자신하기 어려워토이프로젝

2022년 4월 17일
·
0개의 댓글
post-thumbnail

Koa 프레임워크 접하기

벨로퍼트 님의 "리액트를 다루는 기술" 21챕터에 대한 내용이다.Express의 단점을 보완한 Koa 프레임워크를 통해 node 기반 백엔드를 구축하는 방법을 배운다.Express와 다르게 Koa는 미들웨어의 배열로 구성되어 있어 미들웨어 기능만을 가지고 있다. 따라서

2022년 4월 14일
·
0개의 댓글
post-thumbnail

서버리스?

서버리스란? >서버리스(serverless)란 개발자가 서버를 관리할 필요 없이 애플리케이션을 빌드하고 실행할 수 있도록 하는 클라우드 네이티브 개발 모델이다. - Red Hat Doc 간단히 말해 서버가 배제된 형태의 애플리케이션을 의미한다. 물론 서버가 존재하긴

2022년 4월 9일
·
0개의 댓글
post-thumbnail

Full Stack Serverless!

휴가 동안 교보문고에서 흥미로운 책을 찾았다. 본래 풀스택 애플리케이션 제작이라는 목표도 있었고, 서버리스에 대한 글을 꽤 읽고 관심을 가지던 도중 발견한 황금같은 책이었다.풀스택 서버리스-한빛미디어어떤 내용을 다루는지는 책의 다음 문구가 잘 설명해준다.이 책의 목표는

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

Git push --force

깃허브로 push를 하는 과정에서책의 예제를 실습하는 repo이다보니본래의 내용을 완전히 뒤엎거나(기존 내용을 통째로 주석으로 단다)아예 새로 작성하는 경우가 생겼다.이런 경우 git push를 진행해도원격 저장소의 내용과 처음부터 아예 다르기에 push가 불가능한데(

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

앞으로 할 일들의 정리

8박 9일간의 첫 휴가를 무사히 다녀오고 일과로 복귀했다.밖에서 노트북을 들고 다니기는 했으나 공부를...했다고는 말하기 어렵다.단지 vite에 대한 기본적인 사용법을 다시 정리하고 svelte에 대한 간단한 공부만 마쳤을 뿐이다. 정말 기본적인 내용들만...그냥 푹

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

시몬스의 행보에 관한 생각정리

최근 TV에서 매번 나의 눈길을 끄는 광고가 포착되었다. 관련 기사를 먼저 첨부하겠다. Oddly Satisfying Video(by Simmons) 침대 브랜드로 유명한 시몬스의 광고였는데, 편안함 이라는 시몬스만의 철학을 그대로 녹여 낸 광고였다. 심지어 더

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

컴포넌트 렌더링 최적화(2)

저번 시간에 이어서 렌더링 최적화에 관련된 이야기를 마무리해보도록 하겠다.애플리케이션에서 방대한 양의 컴포넌트를 한번에 렌더링하는 것은 당연히 시간 지연의 원인이 될 것이다. 그래서 이번에는 보이지 않는 곳에서 렌더링되는 컴포넌트들의 렌더링을 해당 컴포넌트가 windo

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

컴포넌트 렌더링 최적화(1)

이번 글 부터는 평소 궁금해하고 깊게 다뤄보고자 하였던 Rendering Time과 관련된 이야기를 써보고자 한다. 관련된 내용은 벨로퍼트님의 리액트를 다루는 기술에서 상당 부분을 가져왔고, 일부 추가적으로 궁금한 내용들은 구글링을 통해 해결하였다. > 시작하기 전

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

Redux에서 본래 state를 가져오는 것에 대한 중요성

Redux에 대한 공부를 이어가면서 계속 state가 변경되는 시점에서 변경 이후 바로 로 값이 바뀌는 아주 특이한 오류가 발생했다.진짜 왜 그런건지 아주 애먹었지만! 결국 알아내서 여기 적어둔다.store.js위는 본래의 코드였다.저기서 return값으로 본래의 st

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