전체 글

[혼Project] TO Do List (230706)

1. 개요 프로젝트 이름 : To Do List Github : https://github.com/Roxy100/to-do-list 배포주소 : https://roxy100.github.io/to-do-list/ 사용한 기술스택 : HTML5, CSS3, JavaScript 2. 구현 페이지 input칸에 텍스트 입력(Enter) 하게 되면, 파란색칸으로 생성되는 칸! 완료한 것을 체크하고 싶을 때, 파란색 칸이 -> 회색칸으로 바뀜! 리스트가 많아질 때, 오른쪽 스크롤바 css 생성 (-webkit-scrollbar 이용) 삭제하고 싶을 때, 빨간색 x 버튼 누름! 3. 느낀 점 기본적인 포트폴리오 컨셉을 먼저 TodoList로 진행하고 싶었다. 아이템 생성 및 삭제는 강의에서 배운 북마크 추가 프로젝..

해외 뉴스레터 즐겨보기

이외에도 수많은 즐겨보는 뉴스레터들이 많다. 나의 뇌를 자극시키게끔 오전에 메일함을 훑어보는 습관이 있다. 그리고 그 안에서 발견되는 즐거움과 신기함이 많아져서 여러 기술들의 쓰임새 등등을 알게 될 때도 있다. 나는 개발공부하기 전에 개발과 관련된 뉴스레터들을 수많이 구독하게 되면서, 흥미를 느끼게끔 해주는 습관이 있다. 그래서 이런 모습을 캡쳐하고 싶었다.

[회고록] 기업협업 프로젝트 3rd 개인과제 (221011 ~ 221019)

1. 프로젝트 간략소개 프로젝트 : 병원 예약 관리 시스템 Gihub : https://github.com/Roxy100/hospital-reservation-system 배포주소 : https://hospital-reservation-system.netlify.app/ 사용한 기술스택 및 라이브러리 : JavaScript, React.js, fetch, Styled-reset, Styled-components, react-datepicker, date-fns, react-hook-form, react-table 2. 구현한 페이지 시연 메인 페이지로 들어갔을 때, 3개의 페이지로 들어갈 수 있는 link 태그로 구현하여 클릭했을 때, 해당 페이지로 이동 병원 예약 가능 목록 해당 날짜를 클릭하면, 선택..

[회고록] 기업협업 프로젝트 2nd 과제 (221007 ~221009)

1. 프로젝트 간략 소개 프로젝트 : 감시 센서 관리 프로그램 내가 참여한 FE Gihub : https://github.com/Roxy100/sensor-admin-react-bodit 배포주소 : https://maketheworldwise.github.io/sensor-admin-react-bodit/ 개발 인원 : FE 6명 (안승섭, 양미옥, 이고운, 임지영, 정예원, 천찬영) 이번 기업협업 프로젝트는 기업에서 내준 UI 예시를 참고하여 만드는 것이다! 내가 직접 사용한 기술스택 및 라이브러리 : JavaScript, React.js, styled-components, sass, react-chartjs-2 2. 내가 맡은 부분 습도 그래프 구현하기 react-chartjs-2 라이브러리를 이용..

[회고록] 기업협업 팀프로젝트 1st 과제 (221004 ~ 221006)

1. 프로젝트 간략 소개 프로젝트 : 플레이키보드 웹스토어 만들기 https://store.plkey.app/ 내가 참여한 FE Github : https://github.com/Roxy100/play-keyboard-react-bitbyte 배포주소 : https://maketheworldwise.github.io/play-keyboard-react-bitbyte/ 개발 인원 : FE 6명 (안승섭, 양미옥, 이고운, 임지영, 정예원, 천찬영) 이번 기업협업 프로젝트는 피그마 디자인을 참고해서 만드는 것이다! 내가 직접 사용한 기술스택 및 라이브러리 : JavaScript, React.js, styled-components, react-router-dom 2. 내가 맡은 부분 이모지 파트 ~ 구매 버튼..

[회고록] 팀 포르젝트 2차_'FLO'을 참고하여 개발한 프로젝트 (220919 ~ 220930)

1. 프로젝트 간략 소개 참고 사이트 : FLO https://www.music-flo.com/ 선정 이유 : 음악 재생 및 내 리스트 저장, 로그인, 이용권 결제 등 다양한 기능을 구현해볼 수 있는 기회를 React를 사용하여 필요한 라이브러리를 설치하여 사용할 수 있는 기능이 많아서 선정했습니다. 내가 참여한 FLOrida팀 FE Github :https://github.com/Roxy100/justcode-6-2nd-florida-front BE Github : https://github.com/wecode-bootcamp-korea/justcode-6-2nd-team6-back 개발 인원 : 프론트엔드 4명(김진영, 김충만, 임지영, 최승철), 백엔드 2명(김교은, 이신희) 2. 팀에서 내가 맡은..

[회고록] 팀 프로젝트 1차_'미래식당' 을 참고하여 개발한 프로젝트 (220829 ~ 220908)

1. 프로젝트 간략 소개 참고 사이트 : 미래식당 https://meesig.com/ 사이트 소개 : 로컬 푸드 마켓 '미래식당' 사이트에 사용된 기능들을 참고하여 개발한 프로젝트 선정 이유 : 웹서비스에서 보편적으로 사용되는 기능들을 이해하고 이를 React를 사용함으로써 웹페이지가 어떻게 구현이 될 수 있는지에 대한 궁금증을 풀어보며, React 숙련도 향상을 위해 구현하기 쉬운 E-commerce 사이트로 선정을 하였습니다. 내가 참여한 코딩레스토랑팀 FE Github : https://github.com/Roxy100/justcode-6-1st-coding-restaurant-front BE Github : https://github.com/wecode-bootcamp-korea/justcode-..

[저스트코드 회고록] 팀 프로젝트 들어가기 전 (220707 ~ 220826)

사전스터디 (220707 ~ 220729) 사전스터디 기간동안은 집안사정으로 할머니 병간호를 하면서, 깊이 공부할 수 있는 기간이 아니었다. (병원에서 문제풀기만 했던 시기) 그래서 사전스터디 팀원분들과 미팅시간에 많이 참여하지 못하고, 그 기간동안 주어지는 Ghost Rain도 완성하지 못하였다. 대신 Replit문제들과 함께 설명되어있는 부분이라도 보면서 간략하게나마 Javascript를 공부하는 기간이 되었다. Pre-Course (220801 ~ 220813) 프리코스 기간동안도 집콕하면서도 할머니가 언제 돌아가실지 모르기 때문에 긴장하면서, 수업세션듣고 과제 제출 및 복습하는 시간으로 보냈어서.. 개인적으로 따로 공부할 시간도 없었다. 결국엔 8월 11일부터 목,금,토일은 할머니 장례를 치르는 ..