profile
Aim for the TOP, Developer
태그 목록
전체보기 (258)노트(71)부트캠프(48)TIL(34)nextjs(22)클론코딩(21)typescript(19)JavaScript(16)React(15)알고리듬(14)조은의 프론트엔드 실무 가이드(13)사이드프로젝트(10)framer-motion(9)Motion UI(9)websocket(8)react native(7)tailwindCSS(7)http(5)회고(5)express(5)알고리즘(4)개발환경(4)객체지향(4)redux(4)정보 및 용어(3)배열(3)자기경영(3)협업(3)Firebase(3)Modifier(3)Expo(3)server(3)pre-project(3)네트워크(3)spa(2)사이드 프로젝트(2)동기부여(2)자료구조(2)추상화(2)클래스(2)기술핏(2)Prototype(2)graphql(2)정보처리기사(2)ip(2)REST API(2)객체(2)FE파트장(2)데이터 플로우(2)비동기(2)babel(2)UI 레이아웃(1)Module(1)자료구조의 목적(1)create-next-app(1)기술면접(1)router(1)트리(1)다형성(1)탐욕법(1)트라이(1)storybook(1)ajax(1)유저 시나리오(1)고차 함수(1)도허티 임계(1)Layout System(1)node.js(1)정적 웹 호스팅(1)variants(1)서드 파티 모듈(1)고차함수(1)UIUX(1)웹서버(1)ESLint(1)tcp(1)콜백함수(1)pug(1)선배님(1)lighthouse(1)ec2(1)UDP(1)트러블 슈팅(1)인스턴스(1)공부방법(1)json(1)redux-toolkit(1)react props(1)react state(1)docker(1)타입 추론(1)open API(1)interface(1)github actions(1)async/await(1)BFS(1)react-query(1)socket.io(1)내장 모듈(1)내장고차함수(1)cd(1)useRef(1)코드스테이츠(1)크로스 브라우징(1)to-do list(1)Ring Utility(1)그리디(1)CSR(1)SSR(1)type(1)코딩 테스트(1)주 단위 회고(1)정렬(1)api key(1)재귀(1)스택(1)은닉화(1)Fetch(1)배포환경(1)jest(1)이진 탐색(1)nosql(1)aws(1)github(1)상속(1)seo(1)JSX(1)우선순위 큐(1)View Engine(1)Map(1)DFS(1)CODEOWNERS(1)그래프(1)(1)빅오표기법(1)ES6(1)(1)grid(1)OT(1)웹 표준(1)set(1)react router(1)Data Flow(1)cdd(1)WAI-ARIA(1)sop(1)canvas(1)ci(1)포트(1)이벤트 처리(1)줌클론(1)웹 접근성(1)중간회고(1)cors(1)sever(1)스켈레톤 UI(1)콜백(1)웹팩(1)promise(1)firestore(1)API(1)api 설계(1)URI(1)UI 디자인 패턴(1)Effect Hook(1)테스트환경(1)OOP(1)빈칸 채우기(1)rds(1)DNS(1)CRA(1)선형 탐색(1)S3(1)회고방법(1)순차 리스트(1)nodejs(1)컴포넌트(1)nodemon(1)도메인(1)url(1)시간복잡도(1)연결 리스트(1)
post-thumbnail

Pre-Project #2 | React-Query(TanStack-Query) 기초 개념 자료

FE 파트장으로써 FE 팀원 기술핏을 맞추기 위한 기술 기초 개념 자료 작성프리-프로젝트에서 사용될 React-Query 에 익숙해지기 위함입니다.React-Query 의 다양한 활용 중 데이터 캐싱만 사용해봅니다.실제 프로젝트와 동작 및 구현 방법이 다를 수 있습니다

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

Pre-Project #1 | Recoil 기초 개념 정리 자료 및 과제 작성

FE 파트장으로써 FE 팀원 기술핏을 맞추기 위한 기술 기초 개념 자료 및 과제 작성Pre-Project에서 사용될 Recoil 에 익숙해지기 위함입니다.실제 프로젝트와 동작에서는 다를 수 있습니다.Recoil Hooks useRecoilState, useSetReco

2022년 10월 31일
·
0개의 댓글
·

Pre-Project #0 | Back-End 협업 2주 클론 코딩

부트캠프 마무리 기간 Main-Project 에 들어가기 전에 협업, 개발에 대한 실전 경험을 위해 Pre-Project 약 2주간 백엔드 개발자와 협업하여 진행합니다.Git 협업 플로우를 경험하며 좋은 협업 플로우가 무엇인지 고민합니다.백엔드 개발자와의 협업을 경험하

2022년 10월 28일
·
0개의 댓글
·

트러블 슈팅 #0 | 먼저, 스스로에 대한 트러블 슈팅

저는 본디 '게으른 완벽주의자' 그 잡채였습니다.물론 노력을 안 한 것은 아니지만 방향성이나 비교적 만족을 쉽게하는 문제가 있었습니다.게으르면서 주변에는 좋은 사람으로 보이고자 하는 열망이 엄청 컸습니다.그래서 내실적인 부분에서 노력하기보단 외적인 부분으로 내실적인 부

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

TailwindCSS #6 | Form Modifier (group, peer)

컨터이너, 래퍼 박스에 group 클래스네임을 줍니다.해당 박스에 Hover 되었을때 변화를 주고 싶은 태그 클래스네임에 group-hover:bg-red-300 과 같이 줍니다.변화를 주고싶은 클래스네임에 transition-colors 를 적어주면 transitio

2022년 10월 21일
·
0개의 댓글
·

Redux #4 | 간단하게 Redux-Toolkit 사용해보기

  저는 상태 관리 라이브러리로 주로 Recoil 을 사용해 왔었고, Redux 는 부트캠프나 간단한 튜토리얼만 진행을 했었습니다.  개인적으로는 Recoil 을 먼저 사용해봤기때문에 Redux 는 다른 미들웨어들 Redux-Saga 등을 사용하지 않을 것이라면 과하게

2022년 10월 21일
·
0개의 댓글
·

회고 #5 | Section 4 회고 (코드스테이츠 FE부트캠프)

KPT 회고 방식 으로 부트캠프 Section 3 를 학습했던 약 한달간의 기간을 회고합니다.회고 후 스스로에 대해 평점을 부여하며 평가합니다.직접 만든 KPT 보드를 활용해 시각적으로 회고합니다.취업 전, 회사에서 꼭 필요한 개발자로 성장기본 공부 외에 사이드 프로젝

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

TIL 22.10.18 | Linking API (RN), Web Browser API (Expo), Share API (RN)

React-Native 의 API 입니다.앱 내에서 앱 링크 수신 및 발신 상호작용 인터페이스를 제공합니다.사용중인 앱에서 다른 앱으로 전환됩니다.참조: React Native, 노마드코더Expo 의 API 입니다.앱 내에서 시스템의 웹 브라우저에 대한 엑세스를 및 리

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

TIL 22.10.17 | Nullish Coalescing Operator (JS), in 연산자 (JS, TS)

삼항연산자를 A ? A : B 와 같이 사용하는 것을 A ?? B 로 작성할 수 있습니다.삼항연산자를 위와 같이 A 를 두 번 반복하여 적는 경우가 많았는데 ?? 연산자로 보다 직관적이면서 짧게 작성할 수 있습니다.|| 연산자 : 첫 번째 truthy 값을 반환합니다.

2022년 10월 17일
·
0개의 댓글
·

TIL 22.10.15 | React Query (TanStack Query)

Rest API 사용할때 활용하는 라이브러리Hooks 를 통해 Fetch 데이터 접근 도움Loading State, Cache, Infinity Scroll 도 도와줍니다.데이터가 한번 fetch 되면 다시 fetch 하지 않겠다는 걸 의미합니다.onMountBlur

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

React-Native #5 | React-Navigation (Tab Navigation)

리액트 네이티브에서 네비게이션 생성할때 사용하는 라이브러리리액트 에서 React-Router-Dom 과 비슷한 역할과 구현 방법을 가지고 있습니다.아래와 같습니다아래와 같습니다이미 React-Router-Dom 을 통해 비슷한 역할과 용법을 사용하는 라이브러리를 사용해

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

노트 #73 | AWS (Amazon Web Service)

AWS 개요 클라우딩 컴퓨터 플랫폼을 제공하는 서비스입니다. 클라우딩 컴퓨터 플랫폼을 통해 서버, 데이터베이스, 배포 등의 다양한 서비스를 제공합니다. 대표적으로 EC2, RDS, S3 등의 서비스가 있습니다. EC2 (Elastic Compute Cloud) - 서

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

TIL 22.10.08 | Object 동적 Key 할당, Object.assign() 과 ES6, Object 키값쌍 삭제 (delete 키워드), AsyncStorage (React-Native)

객체들을 합쳐서 새로운 객체를 반환해주는 메서드입니다.ES5 까지 객체를 합칠 때 주로 사용되었습니다.예시Spread Syntex 를 활용하여 더 직관적으로 작성할 수 있습니다.

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

노트 #72 | Lighthouse

웹페이지 성능 검사와 개선책을 제공해주는 성능 측정 도구입니다.문자 그대로 웹페이지 전반의 성능 개선의 등대와 같은 역할을 합니다.구글에서 개발한 오픈소스 자동화 툴입니다.크롬에서 검사하고 싶은 페이지에 접속합니다.개발자 도구를 엽니다.lighthouse 탭을 엽니다.

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

React-Native #4 | 컴포넌트들 개요 - Touchables, Pressable, TextInput

<View> 가 터치에 적절하게 반응하도록 하는 컴포넌트터치하면 래핑된 <View> 의 opacity 가 감소하여 흐리게 표시됩니다.<View> 가 터치에 적절하게 반응하도록 하는 컴포넌트터치하면 래핑된 <View> 의 background 를 표시

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

노트 #71 | GraphQL

GraphQL 개요 메타(전 페이스북)에서 정의한 Server API 를 만드는 방법론 중 하나 대표적으로 다른 방법론으론 REST API 가 있습니다. 동시에 Query Language 이기도 합니다. 트리 구조로 결과를 받기 위해 그래프를 탐색하는 쿼리 언어

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

React-Native #3 | 레이아웃 시스템 (Layout System)

Flexbox 를 사용합니다.웹에서와 거의 같은 방식입니다.99.8% 의 경우 높이와 너비에 기반해서 레이아웃을 만들지 않습니다. 당연하게도 모바일 환경에서는 반응형으로 디자인 해야합니다.display:flex 지정해줄 필요 없습니다.flexDirection 기본값은

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

React-Native #2 | RN 패키지, 커뮤니티 패키지

들어가기에 앞서 컴포넌트와 API 의 차이 컴포넌트 화면에 렌더링할 항목, 함수의 return 키워드 안에 있습니다. `, , ` API 단지 자바스크립트 코드 Vabration React-Native 패키지 개요 Core, Android, IOS 카테고리로 각각 컴

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

React-Native #1 | 규칙

HTML 이 아니기 때문에 <div>, <span> 는 쓸 수가 없습니다.대신에 <View>, <Text> 가 있습니다.<View>컨테이너 === <div>앞으로 모든 것은 View 로 만들게 됩니다.<Text>모든 text 는 &

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

TIL 22.10.04 | 그래픽(비트맵, 벡터), 가비지 컬렉션 (메모리 생존주기)

그래픽가비지 컬렉션개요저수준 언어인 C 언어에서는 malloc(), free() 등으로 개발자가 메모리 직접 관리고수준 언어는 자동으로 메모리를 할당하고 해제하는 가비지 컬렉션 이 내장되어 있습니다.메모리 생존 주기대표적인 가비지 컬렉션 방법레퍼런스 카운팅참조 횟수 계

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