profile
Aim for the TOP, Developer
태그 목록
전체보기 (268)노트(71)부트캠프(48)TIL(35)nextjs(22)클론코딩(21)typescript(19)JavaScript(16)React(15)알고리듬(14)조은의 프론트엔드 실무 가이드(13)사이드프로젝트(10)framer-motion(9)Motion UI(9)websocket(8)tailwindCSS(8)react native(7)회고(6)express(5)http(5)dart(5)개발환경(4)redux(4)알고리즘(4)객체지향(4)Modifier(4)Firebase(3)pre-project(3)server(3)Expo(3)협업(3)동기부여(3)정보 및 용어(3)배열(3)네트워크(3)자기경영(3)REST API(2)객체(2)FE파트장(2)Prototype(2)기술핏(2)에세이(2)자료구조(2)클래스(2)추상화(2)ip(2)비동기(2)데이터 플로우(2)정보처리기사(2)babel(2)graphql(2)사이드 프로젝트(2)spa(2)시간복잡도(1)연결 리스트(1)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)프로젝트(1)인턴십(1)은닉화(1)Fetch(1)배포환경(1)jest(1)이진 탐색(1)nosql(1)aws(1)github(1)상속(1)seo(1)소회(1)JSX(1)우선순위 큐(1)View Engine(1)@영감(1)Map(1)DFS(1)CODEOWNERS(1)그래프(1)(1)프리온보딩(1)빅오표기법(1)ES6(1)FE(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)원티드(1)OOP(1)빈칸 채우기(1)rds(1)DNS(1)CRA(1)선형 탐색(1)S3(1)회고방법(1)순차 리스트(1)nodejs(1)컴포넌트(1)마음가짐(1)nodemon(1)도메인(1)url(1)
post-thumbnail

Dart #4 | 다트의 변수, Null Safety

변수 선언 방식을 이해한다.기본 자료형 변수를 이해한다.동적 변수 타입을 이해한다. (Dynamic)정적으로 고정되는 변수 타입을 이해한다. (Final, Constant)비동기적 변수 타입을 이해한다. (Late)Null Safety 와 Non-Nullable 변수

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

Dart #3 | Hello World

개발환경 설정 후 Hello World 를 찍어보며 간단한 Dart 문법을 알아보겠습니다.모든 Dart 프로그램의 Entry Pointclass 나 type 같은 건 main 함수 밖에 만들더라도 실제로 뭔가를 하는 코드는 반드시 main 내부에 작성해야 합니다.Dar

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

Dart #2 | 개발환경 설정

학습 등의 목적으로 Dart 를 실행할 수 있는 웹사이트Flutter SDK 설치할 경우 Dart SDK 도 같이 설치되기에 Flutter SDK 설치설치 방법Resetta Translation 설치 $ sudo softwareupdate --install-roset

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

Dart #1 | 다트를 선택하는 이유

다트를 선택하는 이유 1. 다트는 UI에 최적화 되어있는 언어 2. 생산적인 개발 환경 3. 모든 플랫폼에서 컴파일이 빠르다

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

Dart #0 | 다트란?

Flutter 의 기본 프로그래밍 언어가 Dart 이기 때문에, Dart 에 먼저 익숙해지고 Flutter 를 배우는 것이 당연하다.문법자체도 기존의 코틀린, 타입스크립트 등의 언어의 문법을 알고 있다면 적응하기 어렵지 않고 오히려 더 간단한 문법을 제공한다.말 그대로

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

TailwindCSS #7 | details, selection

HTML 태그, TailwindCSS 보단 기본 HTML 내용일반적으로 <summary> 와 박스 태그 <div>, <span> 들 중 하나; 즉, 두 개의 자식 태그를 가지고 활용합니다.기본형은 노션의 토글 버튼 같은 UI 를 제공합니다.컨텐츠가 드래

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

에세이 #1 | 계속 달리게 만들어주는 힘, 영감

Do It. There is no useless Challenge.영감이란 단어의 뜻은 어떻게 보면 모호하다고 느껴집니다.영감(Inspriation)이란 단어는 예술 쪽으로 '어떤 곳에서 해당 작품의 영감' 을 받았다 아니면 영어권에서 흔히 존경의 의미로 'You ha

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

에세이 #0 | 원티드 프리온보딩 FE 인턴십 지원 숏에세이

\_개인적으로 저는 글쓰기를 좋아합니다.그래서 이전부터도 운영하는 디스코드에 기록/공유하는 에세이들을 벨로그에도 남겨둘까 고민을 했었습니다.하지만 기술 블로그 성격인 벨로그에 조금 안 어울리지 않을까 싶은 생각에 에세이를 블로그에 올리지 않았었습니다.1\_무엇보다 원티

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

TIL 22.12.09 | onBlur Event, try ... catch 의 error 타입지정

파이널 프로젝트에서 만든 대시보드에서 프로필을 수정하는 기능에 닉네임 중복 기능을 추가해야 했습니다.다만 기본적으로 대시보드에서의 프로필 수정이기 때문에 '닉네임 중복확인' 과 같은 버튼을 만들고 싶지 않았습니다.그래서 해당 Input 태그에서 빠져나갈때 바로 '닉네임

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

회고 #6 | 메인 프로젝트 종료 소회

프로젝트 시작 전제가 웹 학습을 본격적으로 시작한지 9개월째가 가까워지고 있습니다.무엇보다 '성장 곡선', '야생성' 을 추구하며 학습기간을 달려왔습니다.중간중간 포기하고 싶을 때도 있었지만 처음 시작할때의 동기부여와 의지가 있었기에 극복하고 방법을 찾으면서 계속 달려

2022년 12월 7일
·
0개의 댓글
·
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개의 댓글
·