코딩마차 Coding Space

2022. 3. 15. 13:34대문

728x90

 

 

 

 

 


목록

 

일상

 

혼자 하는 개발. 정말 나쁘기만 할까?

어느덧 회사에서 프론트엔드 개발(+ firebase로 백엔드)을 혼자 하게 된 지 거의 1년이 되어가고 있다. 처음에 입사할때는 어드민 페이지로 시작을 했지만 여러 모바일 개발자분들이 사정상 그만두

mingeesuh.tistory.com

2023.06.05 - [Diary] - 스타트업 2년차에 접어들며..

 

GIT

2022.02.12 - [Git] - Git 최초설정 및 사용해보기

2022.09.19 - [Git] - git commit 메세지 수정하는 방법

 

REACT

2022.02.18 - [React] - React 절대경로 설정 및 컴포넌트 불러오기

2022.02.27 - [React] - [React] 드롭다운 메뉴 만들기 (feat. useRef, useState)

2022.03.09 - [React] - React 성능 최적화를 위한 useMemo 와 useCallback

2022.03.22 - [React] - Quill React 에디터 사용해보기 (이미지 업로드 및 사이즈 조절)

2022.06.05 - [React] - [React] 가로로 스크롤 진행률 표시하는 UI 만들기 (feat. 커스텀 훅)

2022.09.03 - [React] - [React] 스크롤시 등장/퇴장 애니메이션 효과 적용해보기 (feat. framer motion & react-intersection-observer)

2022.09.24 - [React] - [React] 페이지 이동시 애니메이션 효과 적용하기 (feat. framer motion)

 

JS

2022.03.11 - [Javascript] - JS 배열 생성하는 방법 (리터럴, 생성자 함수)

2022.03.12 - [Javascript] - JS 배열에 요소 추가하는 방법 (mutable, immutable)

2022.03.13 - [Javascript] - JS 배열 요소 삭제하는 방법 (shift, pop, splice, slice, filter)

2022.03.29 - [Javascript] - 프론트엔드 개발자가 알아두면 유용한 JS 문법들 - 1편

2022.04.12 - [Javascript] - [JS] Promise.all과 Promise.race의 차이점과 활용 예제

2022.08.07 - [Javascript] - [JS] 커링(Currying)이란? 장점과 실전 사용 예제 살펴보기

 

FIREBASE

2022.02.21 - [Firebase] - [Firebase 웹] 파이어베이스란? 주요 기능들과 유사 제품들

2022.02.23 - [Firebase] - [Firebase 웹] 파이어베이스 시작하기 - 웹 앱 초기설정

2022.02.25 - [Firebase] - [Firebase 웹] 파이어스토어에서 데이터 불러오고 쓰기 feat. React

2022.03.01 - [Firebase] - [Firebase 웹] Cloud Function이란? 초기 세팅하기

2022.03.03 - [Firebase] - [Firebase 웹] Cloud Function 으로 파이어스토어 컬렉션과 문서 변화 (추가, 업데이트, 삭제) 감지

2022.03.06 - [Firebase] - [Firebase 웹] 지정된 시간마다 Cloud Function 직접 호출

2022.03.27 - [Firebase] - [Firebase 웹] Cloud Function으로 RESTful API 만들기 (feat. Express)

2022.05.26 - [Firebase] - [Firebase 웹] 파이어스토어에서 데이터 일괄 쓰기 및 삭제

2022.06.07 - [Firebase] - [Firebase] 파이어스토어 페이지네이션 + 무한 스크롤 구현하기 (feat. React)

2022.06.19 - [Firebase] - [Firebase 웹] 파이어스토어 검색 기능 구현하기(feat. 쿼리문 & Algolia)

2022.07.09 - [Firebase] - [Firebase 웹] 파이어베이스 스토리지 이미지 업로드 및 링크 가져오기

 

HTML/CSS

 

 

[HTML/CSS] 나는 HTML 과 CSS를 제대로 작성하고 있는가?

이번 포스트에서는 여러 프로젝트를 진행하고 강의를 들으면서 노트해뒀던 HTML과 CSS 작성 시 주의해야 할 점과 팁을 공유해볼까 합니다. 물론 HTML과 CSS를 꼭 이런 식으로 작성해야 하는 건 절대

mingeesuh.tistory.com

 

2022.02.13 - [HTML,CSS] - CSS Position (static, relative, absolute, fixed)

2022.02.14 - [HTML,CSS] - CSS 방법론 - BEM

2022.02.16 - [HTML,CSS] - CSS 프레임워크 비교 (Bootstrap, Material UI, Antd, Semantic UI , Tailwind)

2022.03.18 - [HTML,CSS] - [CSS] border에 그라데이션 넣기

2022.02.26 - [HTML,CSS] - [접근성] 배경이미지에 대체텍스트 - IR (Image Replacement) 기법

2022.06.12 - [HTML,CSS] - [CSS] GRID 레이아웃 기본편 - 이 정도는 알아두자

2022.08.28 - [HTML,CSS] - [CSS] 이미지 반사 그림자 효과 만들기 (feat. blur 필터)

2023.08.10 - [HTML,CSS] - SASS(SCSS) 반복적인 CSS는 그만 - SASS 한방에 끝내기 (변수, 중첩, 믹스인)

 

LIBRARY/FRAMEWORK

2022.02.19 - [Library,Framework] - [NEXT.js] 넥스트 JS를 배워보자 1편 - Pre Rendering

2022.02.20 - [Library,Framework] - [NEXT.js] 넥스트 JS를 배워보자 2편 - 공통 레이아웃

2022.02.28 - [Library,Framework] - [NEXT.js] 넥스트 JS를 배워보자 3편 - 최적화된 이미지 컴포넌트

2022.03.20 - [Library,Framework] - [NEXT.js] 넥스트 JS를 배워보자 4편 - API Routes

2022.04.03 - [Library,Framework] - [NEXT.js] 넥스트 JS를 배워보자 5편 - 배포하기 (feat. Varcel)

 

2023.03.05 - [Library,Framework] - Next JS 13 적용해보기 - App Routing 편

2023.08.15 - [Library,Framework] - Next JS 13 적용해보기 - 데이터 불러오기 Data Fetching 편

2023.08.24 - [Library,Framework] - Next JS 13 적용해보기 - 공통 레이아웃 편

 

2022.04.10 - [Library,Framework] - [Next.js] Image 컴포넌트로 배경 처리하기

2022.04.16 - [Library,Framework] - [NEXT.js] SEO 처리하기 (feat. Head, meta 태그)

2022.04.19 - [Library,Framework] - [Next.js] 페이지 이동시 로딩 처리하기

2022.05.07 - [Library,Framework] - [Next.js] 커스텀 404 에러 페이지 만들기

2022.07.03 - [Library,Framework] - Next JS 코드 스플리팅 적용해보기 (Dynamic Import)

2022.07.22 - [Library,Framework] - React Hook Form과 외부 라이브러리 연동하기 (react-select, react-datePicker, antd, mui 등)

2022.10.21 - [Library,Framework] - [Storybook / 스토리북] UI 컴포넌트 테스트 도구 배워보기 (feat. React) - 1편

2023.06.06 - [Library,Framework] - [react-notion-x] 노션 컨텐츠 홈페이지에서 불러오기 (feat.NEXT.JS)

 

API/SDK

2022.03.18 - [API,SDK] - 카카오 알림톡 api 완벽정복 (feat. solapi & node.js)

2022.04.28 - [API,SDK] - [NextJS] 채널톡 Script 추가하기

2024.02.16 - [API,SDK] - [Algolia] infix/suffix 검색 설정하기

 

ERROR

2022.02.17 - [Error] - TypeError: kakao.maps.LatLng is not a constructor

2022.03.04 - [Error] - [인앱 브라우저 로그인 오류] 403 오류: disallowed_useragent