키리Kirri's IT노트

> blog-client@0.1.0 start > react-scripts start node:internal/modules/cjs/loader:488 throw e; ^ Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/tokenize' is not defined by "exports" in C:\blog-client\node_modules\postcss-saf e-parser\node_modules\postcss\package.json at new NodeError (node:internal/errors:372:5) at throwExportsNotFound (node:internal/modules/esm/resolve:440:9) at p..

🍺 Kirris-Blog React + Spring Boot 로 블로그를 구현해봤다. ---> (GitHub Link🙋‍♀️) 포트폴리오를 만들어야 해서 기본적인 기능(CRUD, JWT Authentication)으로 일주일 안에 완성하는 것을 목표로 했으나 실제로는 열흘정도 걸렸고, 명절이 겹쳐 정리하고 리드미까지 작성하는 데 생각보다 많은 시간이 걸렸다. 리액트를 공부하면서 오히려 프론트보다는 백엔드에서 흥미를 느끼게 되었고, 처음 국비교육 끝내고 만든 게시판 보다는 제대로 된 포트폴리오의 필요성을 느껴 시작한 프로젝트다. 이번 프로젝트에서는 예외 처리를 꼼꼼하게 하려고 했고, 필터와 인터셉터 사용 등 전반적으로 코딩 및 스프링을 다루는 스킬의 향상을 담기 위해 노력했다. 또한, 첫 프로젝트에서는 비..

📅 Moment-Calendar 🎤 Introduction 클론코딩으로 만들었던 바닐라 자바스크립트 기반의 크롭 웹 어플리케이션 'Momentum'과, 라이브러리 없이 Date 객체로 구현한 Calendar를 연결시켜 완성한 첫 번째 리액트 프로젝트입니다. 효율적이고 잘 짜여진 코드라고는 할 수 없지만, 지금까지 공부한 내용을 복습하면서 state, props, redux 등 리액트의 기본적인 기능을 익힐 수 있었습니다. 단순히 책이나 영상을 보고 따라하기보다는, 스스로 고민하며 문제를 해결하고 코딩할 수 있는 경험이었습니다. [🔨 Stack] CRA(Create React-App) Firebase [📸 Screenshots] [🌎 URL] Source code cdcoc0/momentum-calenda..

📆 Calendar [🔨 Stack] CRA(Create React-App) [📸 Screenshots] [🌎 URL] ↓↓ https://cdcoc0.github.io/calendar-react-datejs/ React App cdcoc0.github.io [🧾 Description] Date.js 객체로 달력 구현 이번 달 달력에 포함되는 지난 달의 마지막 주, 다음 달의 첫 주는 글자색을 연하게 설정 날짜를 클릭하면 해당 날짜로 포커스 이동 포커스 설정된 날짜를 더블클릭하면 일정 추가 모달 창 팝업 모달은 라이브러리 없이 구현 [📂 APIs / Libs] - Date Date.js로 날짜 정보를 가져옴 Day.js를 사용해 날짜 정보의 포맷 설정 - Context API 모달에서 포커스된 날짜 정보..

📋 Momentum [🔨 Stack] CRA(Create React-App) [📸 Screenshots] [🌎 Link] ↓↓ https://cdcoc0.github.io/momentum-react/ React App cdcoc0.github.io [📂 APIs / Libs] - Background Unsplash API to get random pictures - Date / Time Date function to get date, time information Day.js for formatting the date info - Weather Navigator function to get geolocation information Free Weather API Axios - CSS Mainly styl..