profile
강해지고 싶은 예비 프론트엔드 개발자.
post-thumbnail

Week12 - 실전 프로젝트를 진행하며 사용해본 기술들

드디어 실전 프로젝트를 출시 했다.사용해본 기술들을 간단하게 정리해보았다.코드를 작성하는 시점에는 어렵고 귀찮더라도 사전에 타입 미스로 발생하는 에러들을 식별하고 타입을 지정해 컴포넌트 또는 함수를 사용할 때 편리함을 누리고자 타입스크립트를 도입했다.초반에는 어려움이

어제
·
0개의 댓글
·
post-thumbnail

Week11 - TURN, Storybook

최종 프로젝트가 거의끝나간다.3일뒤 출시를 목표로 하고 있는데 사실 그러려면 숨도 안쉬고 3일을 더 지내야 할 것 같다.MVP 기간 동안 MVP도 다 완료하지 못해서 MVP완성을 목표로 하고 있다.MVP기간 종료 후 발생한 문제에 대한 해결들을 간단하게 나열해보았다.W

2023년 1월 29일
·
0개의 댓글
·

Day35 - webRTC 삽질 후기

2023년 1월 11일
·
0개의 댓글
·

Week7 - fe/be 클론코딩 프로젝트 후기

클론코딩 주간에 어쩌다보니 팀장을 하게 되었다.우리 팀은 핀터레스트 클론 코딩을 하게 되었는데 프론트엔드 입장에서는 단순히 보여지는 부분들도 상당히 도전적인 부분들이 많았다.특히 이미지 목록들이 폭은 같지만 크기에 따라 다른 높이로 배열되는 masonry 레이아웃으로

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

Week6 - fe/be 팀 미니프로젝트 후기

fe/be 협업 미니 프로젝트 진행하기처음 뭘 할지 주제가 정해지고 와이어프레임을 만들고 요구사항을 도출했는데프론트엔드 입장에서는 해야할 것들이 너무 많았다.페이지 8개인데 3명이서 5일만에 끝내야하는 느낌?할 게 많아서 저렇게 엑셀 표로 할일을 정리해두고 팀원들이 무

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

Week5 - fe/be 협업 미니 프로젝트 진행하기

스터디/프로젝트 구인 서비스를 간단하게 만들어보기로 했다.간단할 줄 알았는데 꽤 규모가 컸다! 걷는 기간이라면서 오토바이보다 빠르게 경보해야 될 것 같다는 느낌이 들었다.5일만에 할 수 있을까 싶지만 해봐야 알 것 같다!주제가 정해지고 회의를 통해 얻었던 간략한 정보들

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

[Typescript] Key of, Type of, Generic

타입스크립트 핸드북을 읽고 얻은 내용을 바탕으로 학습한 내용을 기록합니다.클래스 또는 함수에서 사용할 타입을 사용하는 시점에 결정하는 프로그래밍 기법단일 타입이 아닌 여러 타입에서 동작하는 컴포넌트를 만들 수 있다.클래스나 함수 사용 시 유연하게 타입을 적용시킬 수 있

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

Day29 - 짧은 팀과제 문제해결 일기

json-server 관련 어제 해결했던 문제가해결은 잘 되었는데 실제로 배포해보니까 복사해둔 파일 읽기가 오락가락 한지어쩔 때는 복사하기 전 db.json을 읽고 어쩔 떄는 /tmp로 복사해서 쓰기작업하는 db.json을 읽고 그랬다.아마 복사가 아니라 싱크를 맞춰주

2022년 12월 14일
·
2개의 댓글
·
post-thumbnail

Day28 - Json-server vercel 배포 시 db.json read-only file system 문제

PATCH , DELETE 등의 요청을 할 때 EROFS: read-only file system, open ...라는 오류가 발생했다.아니 뭔 read-only 인가 싶어서 구글링을 좀 해보고 힌트를 얻어 해결했던 것 같다.This error is most often

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

[Typescript] Type

Typescript? 자바스크립트 확장 언어로 자바스크립트에 타입이 부여됨 microsoft 에 의해 개발/관리되는 오픈소스 언어 왜 씀 js문법 그대로 사용하면서 정적 타입만 가짐 js는 타입을 알고 있지만 동적 언어라 특정 자료형을 특정짓지 않고 타입이

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

Day27 - React Portal로 modal 만들기

Portal 은 부모 컴포넌트 DOM 계층 구조 바깥에 있는 특정 DOM으로 자식을 렌더링 시켜주는 방법을 제공함child: Element,문자열,Fragment 같은 렌더링할 수 있는 React 자식container: 넣으려는 DOM ElementJSX 컴포넌트는 R

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

Week 4 - React, Hooks, Redux

리액트 라이프 사이클Mount Update UnMount 라는 세가지 주기를클래스형 컴포넌트 시절에 어떤 것들을 가지고 어떻게 관리했었는지 학습했었다.그리고 함수형 컴포넌트에서는 클래스형 컴포넌트의 생명주기 함수들을 어떻게 관리하고어떻게 관리할 수 있게 되었는지도 학습

2022년 12월 11일
·
0개의 댓글
·

Day26 - React json-server

npm i json-server가짜 DB와 API 서버를 생성해주는 패키지실제 서버의 개발 또는 프로덕션 환경의 api를 사용하여 프론트엔드 개발이 힘들다.서버에의 의존성을 줄이고 독립적으로 api가 있는 것 처럼 구성하여 이를 사용함으로써 프론트엔드 개발을 독립적으로

2022년 12월 9일
·
0개의 댓글
·

Day25 - React useCallback

함수 메모이제이션첫번째 인자로 넘어온 함수를 두번째 인자로 넘어온 의존성 배열 내의 값이 변경될 때까지 저장해놓고 재사용할 수 있게 해준다.useCallback(fn, deps)컴포넌트가 리렌더링되어도 함수를 캐싱하여 남아있도록 해줌특정 함수를 리렌더링 시 새로 만들지

2022년 12월 8일
·
0개의 댓글
·

Day24 - URL URI

URL과 URI에 대해서 알아보자Uniform Resource Identifier위치나 이름 또는 둘 다로 리소스를 식별한다.인터넷 상에 있는 자원을 나타내는 유일한 주소를 말한다.자원?웹 아키텍처의 일부가 될 수 있는 문서, 파일, 이미지, 웹 페이지 등의 모든 것을

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

CleanCode JS - 함수

클린코드 자바스크립트(https://www.udemy.com/course/clean-code-js/learn/lecture/28693532

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

Day23 - Optional Chaining

를 알아보자ES2021에서 나온 문법으로 객체의 내부 속성 nullish check를 보다 간결하게 해줌선언된 객체에 대해 사용할 수 있다.?. 연산자는 . 체이닝 연산자와 유사하게 작동하지만, 만약 참조가 nullish (null 또는 undefined)이라면, 에러

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

Week3 - React

결국 리액트의 핵심은 저 두가지인 것 같다.props는 상위 컴포넌트가 하위컴포넌트에게 넘겨주는 객체로 read-only 속성이라는 것에 주의한다.state는 컴포넌트 내부에서 사용되는 동적 데이터로 컴포넌트 내부에서 생성되고 활동되고 변경되는 가변적 속성이다.컴포넌트

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

Day 22 - React batch updating

react setState() 복습하면서 함수형 업데이트와 일반형 업데이트의 차이로 batch를 하느냐 마느냐가 나오는데,왜 batch update를 하고, 함수형 업데이트는 batch update를 하지 않는지 이해해보면 좋을거 같습니다.automatic-batchi

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