뚝딱뚝딱 코딩 기록_

[Toy Project_ To Do List] 📜 토이 프로젝트 소개 📃 목적 : Typescript 연습 + React 기본 기술 복습 📃 기능 할일 추가, 삭제 완료 목록 체크 다크 모드 / 라이트 모드 항목 상태 별로 보여주기 (All, Active, Completed) 📃 사용 기술 : Typescript, React, PostCSS 📃 결과물 Typescript를 연습하면서 React도 기초부터 복습할 겸 To Do List를 만들어 보았다. Event Type을 지정하는 것과, ContextAPI를 이용하여 다크모드를 구현하는 과정에서 타입을 지정하는 부분에서 조금 시간이 걸렸다. Typescript를 조금 더 능숙하게 사용할 수 있도록 공부해야겠다. 👉To Do List 코드 전체보기👈 Gi..

[Toy Project_ Habit Tracker] 🍃 토이 프로젝트 소개 🌳 목적 : React → Vue 마이그레이션 + Vue 익히기 🌳 기능 : add, count, delete habits, 반응형 웹 🌳 개발 기간 : 1일 🍃 사용 기술 : Javascript, Vue, Firebase, Vite 🍃 결과물 👉 https://habit-tracker-ez1n.netlify.app Habit Tracker habit-tracker-ez1n.netlify.app Vue를 시작하면서 가볍게 예전에 강의를 들으면서 리액트로 만들었던 habit tracker를 다시 구현해 보았다. 조금 다른 점은 리액트에서는 데이터를 저장하지 않았지만 뷰로 진행할 때에는 Firebase를 이용하여 데이터를 저장하는 것..

[Project_HNTECH Hompage Dev] 🚒 프로젝트 소개 🧯 목적 : HNTECH 회사 홈페이지 제작(개발) 🧯기능 제품 정보 확인 (제품 소개 게시판) 자료 업로드 / 다운로드 (사진, 문서) 게시글 업로드 / 댓글 작성 관리자 페이지 - 로그인, 회사 정보 수정 등 PDF 프리뷰어 (미리보기) 반응형 모바일 웹 화면 🧯개발 기간 : 2022.08 - 2022.10 🚒 사용 기술 🧯 front Language : TypeScript, HTML, CSS Library : React, Redux, Material-UI, react-dnd, react-pdf Tool : Redux Toolkit, Vite API : axios 🧯 back Spring Boot (Kotlin), MySQL, Sp..

[Project_Flooming] 🌸 프로젝트 소개 🌼 소개 : 딥러닝 모델을 활용한 꽃 사진 분류, 꽃 그림 생성 모바일 앱 🌼 컨셉 : 꽃에 대한 정보 (이름, 꽃말 등)을 알려주고 그림으로 변환해 주는 애플리케이션 🌼 기능 사용자가 꽃 사진을 촬영 or 갤러리에서 불러오는 경우에 어떤 꽃인지 분류하여 이름과 꽃말을 알려줌 사용자의 꽃 사진을 그림으로 변환 변환된 그림을 개인 디바이스에 저장 '전시관'이라는 커뮤니티에 comment와 함께 업로드 다른 사용자의 꽃 사진 및 그림 관람 가능 전시관 신고 기능 🌼 개발 기간 : 약 7주 🌸 사용 기술 🌼 front Android : JavaScript, React-Native, expo-cli, Axios iOS : Swift, Alamofire, Man..

[Project_EKHANA Renewal] 🚍 프로젝트 소개 📄 목적 : EK하나관광 기존 홈페이지 리뉴얼 📄 내용 관광버스 견적을 요청하고 이를 처리할 수 있는 서버 재구축 불필요한 기존 기능들 (게시판, 공지사항 등)을 제외 기존 기능 보완/강화 (견적요청시 알람-이메일 기능) 홈페이지 UI 리뉴얼 📄 기능 견적 요청하기 견적 목록 확인하기 나의 견적 목록 확인하기 회사 정보 관리자 페이지에서 업데이트 / axios REST API 모바일 웹 화면 / react-device-detect 📄 개발 기간 : 약 4주 🚍 사용 기술 📄 front Library : React, Material-UI API : axios, useNavigate 📄 back Spring boot, Thymeleaf, Spri..

[Project_PaperPlane] 🛫 간단한 웹 채팅 어플_종이비행기 [Paper Plane] ⭐ 자바스크립트를 이용한 웹 채팅 어플 ⭐ node.js / socket.io ⭐ 헤로쿠(Heroku), Namecheap - 배포 및 도메인 연결 🛫 결과물 자바스크립트 공부를 시작한 후 첫 프로젝트여서 어려운 부분이 많았지만 배운 점도 많았던 프로젝트였다. 특히 서버 통신 (socket.io, fetch 등)을 처음 접하다 보니 가장 힘든 과정이었던 것 같다. 부족한 점들은 계속해서 업데이트 할 예정이다. 코드 전체보기는 🔗ez1n_github 클릭하기! 👉ez1n github 구경하기👈 ez1n - Overview Study -ing. ez1n has 8 repositories available. Fo..