profile
FrontenDREAMER
post-thumbnail

합성 컴포넌트 모달에 적용해보기! (feat. 클린코드)

몇주 전 회사에서 공통적으로 쓰이는 하단 모달 컴포넌트를 사용해서 새롭게 추가되는 페이지의 모달로 활용하고자 하던 중에 비슷하지만, 묘하게 다른 UI를 구현하려다보니 수정사항이 너무나 많아져 고민 끝에 사수님께 질문을 했고, 사수님이 합성 컴포넌트에 관한 글을 추천해

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

React Native 웹뷰 통신하기

최근 취뽀에 성공하고 정말 빠르게 2주의 시간이 흘렀다..!! 웹뷰인 앱 서비스를 다루고 있다보니 RN과 React 사이에 통신이 필요한 경우들이 있다. 예를 들어 웹뷰에서 일어난 이벤트를 감지해서 Native 단에서 알람을 표시해야하는 상황이 있을 것 같다! 그렇다면

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

[TS] Utility Type을 알아보자!

저번 면접때 유틸리티타입에 관한 질문을 받았었다. 타입스크립트를 이제 막 접했던 나에게는 생소한 타입이었는데 면접관님께서 Utility Type이 실제로 어떤 동작원리를 갖는지 코드 편집기의 레퍼런스를 보며 공부하면 좋을 것 같다는 피드백을 주셔서 이번 기회를 통해 제

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

[JS] 디바운싱(Debouncing)과 쓰로틀링(Throttling)

어제 너무 유익한 면접을 보고왔다. 면접 후에 더욱 함께하고 싶은 회사가 되었고, 결과에 상관없이 좋은 면접이었다고 생각한다. 👩‍💻면접관님 회원가입 버튼이 있고, 1초에 100번 누르는 유저가 있다고 가정해봅시다.이러한 경우, 짧은 시간동안 100번의 요청이 생길

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

[TS] Interface 와 Type Aliases

인프런 캡틴판교님의 타입스크립트 강의를 들으며 정리한 interface와 타입별칭에 관한 글입니다. Today’s Key Point 1\. Interface 2\. Type Aliases 3\. Interface 와 Type Aliases 차이Type정의 즉 Ty

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

좋은 멘토를 만난다는 것 그리고 좋은 개발자가 된다는 것

내가 패캠 부트캠프 듣기 잘했다 라고 생각한 유일한 이유는 좋은 멘토님들을 만날 수 있었다는 것이다.

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

지독한 문과인이 달려온 6개월간의 프론트엔드 공부 회고 (어쩌면 나...이과 체질일지도...?🙊 feat. 패캠 부트캠프)

프론트엔드 공부를 시작하다! 올해 초 프론트엔드가 적성에 맞는지 일단 배워보기로 결심했다! 마침 짧은기간에 프론트가 알아야할 지식들을 모두 배워보는 과정이 있길래 왕복 3시간이 넘는 거리에 있는 학원을 등록하고 듣기 시작했다! html, css, js, react, j

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

TIL | 22.07.10

Final ProjectRadio 커스텀 구현Drop down 적용보완할 점 + TODONav 기능 구현하기상품 대량 등록 페이지 마크업 완료하기텍스트 에디터 라이브러리 리서치 및 적용msw로 mock up 해보기

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

TIL | 22.07.07~08

Final Project 담당 페이지 마크업상품 대량 등록 페이지 마크업 (표 제외)설계 발표 자료 정리 및 준비설계 발표보완할 점 + TODONav 기능 구현하기상품 대량 등록 페이지 마크업 완료하기텍스트 에디터 라이브러리 리서치 및 적용Radio 커스텀msw로 mo

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

TIL | 22.07.06

Final Project 담당 페이지 마크업상품 등록 페이지 마크업Nav 러프하게 마크업개발 설계 발표 자료 구성 피그마로 나누어보기보완할 점 + TODO개발 설계 발표 자료 만들기상품 대량 등록 페이지 마크업

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

TIL | 22.07.04~05

Final Project 리서치 및 마크업전역 상태 관리 회의 -> 결정남!!!!스프린트 짜기상품 등록 페이지 마크업UI/UX 팀과 회의 (마크업 관련 디자인 질문 사항 피드백 받고 반영하기)보완할 점 + TODO와우와우...월요일에 TIL 도 작성 안하고...회의 했

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

TIL | 22.07.02~03

Final Project 리서치 및 간단한 마크업전역 상태 관리 (swr, recoil)progress-bar 라이브러리담당 페이지 마크업 간단히...ㅎㅎ그룹 노션 일정 관리 페이지 수정보완할 점 + TODO개발 설계 발표 리서치 및 문서화 마무리 작업스프린트 짜기마크

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

TIL | 22.07.01

Final Project 리서치 및 회의파일 트리 구조 회의설계 발표 각자 담당부분 리서치 및 문서화형상관리, 일정관리 툴 재정비API 명세 기반 test보완할 점 + TODO개발 설계 발표 리서치 및 문서화 마무리 작업스프린트 짜기마크업 시작하기!

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

TIL | 22.06.30

Final Project 리서치 및 회의개인 담당 페이지 기능, 스타일 분석파일 트리 구조 회의설계 발표 각자 담당부분 리서치 및 문서화보완할 점 + TODO개발 설계 발표 리서치 및 문서화 마무리 작업파일 트리 완성하기스프린트 짜기

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

TIL | 22.06.29

Final Project 발표 준비 및 문서화 작업보완할 점 + TODO공통 스타일에 대한 회의개발 설계 발표 준비 및 문서화 작업

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

Mocking 이란? msw 사용해서 모의 데이터 만들어보기!

Mocking 이란? Mock(모의 데이터)를 만들어 활용하는 방식 서버가 없는 경우, api 요청으로 내려올 데이터를 프론트에서 모킹하거나, 서버의 역할을 해주는 무언가가 필요할 때 활용 Service Worker는 일종의 대리 서버라고 할 수 있다. Serv

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

TIL | 22.06.28

Final Project API 명세 정의좋았던 점기업의 요구사항 정의서에 맞춰 백엔드쪽에 전달할 내용을 각 팀의 팀장님들과 모여 필요한 API에 대해 정의하여 기업에게 전달 완료! 팀장으로서 참여하게되었는데, 좋은 경험이었던 것 같다! 보완할 점공통 스타일에 대한 회

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

TIL | 22.06.27

Today I learned Final Project 관련 회의 및 멘토링 페이지별로 기능 정리 및 R&R End of the day... 오늘의 굿띵은 없으며, 오늘의 한줄 정리 : 해야할 일은 산더민데 기업의 피드백은 너무나도 느리다,,, TODO 팀별 대

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

TIL | 22.06.23

Final Project 기획회의할많하않....

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

TIL | 22.06.22

Mini Project 마무리 및 문서화 작업, 발표Final Project 기획회의좋았던 점우리 팀 코드 깔끔하게 잘 작성한 것 같다! 중복되는 상태관리 코드를 custom hook으로 빼거나, 서비스로직, 재활용 가능성 있는 함수들을 util 폴더, reducer

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