Project

몰입과 효율 향상을 위한 학습관리 서비스

배운 점 문서화의 중요성 : 기획 회의를 여러 차례 진행하여도 사람마다 해석하고 받아들이는 내용이 매번 달랐다. 새로운 서비스를 만들어 내는 것, 새로운 방식을 도입하는 과정에서는 이런 점이 어렵겠구나 싶었다. 구체적인 문서화가 정말 중요할 것 같다. 또한 애매하다 싶

사용자 피드백과 개선 경험 사전 배포 후 사용자의 의견에 따라 기능을 개선하였다. 📜 첫째, (현상) 중복확인 후 중복인 경우에만 안내 메시지가 출력되고 사용 가능한 상태일 때는 별도 알림 없음. (개발의도) 사용자가 정보를 입력하던 중 팝업이 자주 나타나면 불편함

(2021.04.02 ~ 2021.04.08) 리액트를 이용한 첫 팀 프로젝트 아래 4가지 주제에 대해 생각해볼 수 있는 기회였습니다. 실제 사이트에서 어떤

디자인적 요소 📝 Carousel - slick slider

사용자가 상품 옵션을 선택하면 선택한 옵션의 내용과 수량 조절이 가능한 박스가 추가되는 반응을 구현하였다. 장바구니 담기를 선택한 정보를 로컬스토리지에 저장하고 장바구니 화면에서 한 번에 확인할 수 있게 한다.

📝 로그인과 회원가입 로직 JWT토큰 방식을 이용하여 로그인을 구현했다. React-Node.js 간 axios를 이용하여 API 통신을 진행하였다. POST 방식으로 회원가입/로그인에 필요한 정보를 서버로 보내면 서버는 회원가입 시에는 아이디 중복여부를, 로그인

메인페이지에서 실행되는 기능은 크게 두 가지이다. useEffect 훅에 따라 화면이 첫 렌더링될 때 상품 정보를 DB로부터 받아 이용하거나 사용자의 토큰 여부를 확인해 로그인을 유지시켜줄 수 있도록 서버에 검증 요청을 한다.

부트캠프 1일차, 사전 지식을 바탕으로 총 세 명의 팀원과 미니 프로젝트를 시작했다.

리액트 결과물을 firebase로 배포했던 과정을 정리해보았다. CLI설치부터 호스팅에 배포하는 과정은 firebase 사이트에도 보기 쉽게 정리되어 있다. npm 명령어로 적힌 사이트와 달리 이 글에는 yarn 명령어로 적어두었다.: 브라우저가 열리며 firebase

(부제-부트캠프 잔혹사) 1일차에 주어진 팀 프로젝트 과제, 우리가 가진 것은 3인의 비개발자와 4일의 시간

React Calendar Project 첫 리액트 프로젝트입니다. 캘린더 라이브러리없이 JS 내장함수를 이용하여 구현해 보았습니다.

React 이미지 기반 SNS (2021.03.28 ~ 2021.04.01) 두번째 리액트 프로젝트를 마쳤습니다. 리액트를 빠르게 습득한 뒤 팀 프로젝트를 진행하고자 했기에 디자인적 디테일보다는 기능 구현에 힘썼습니다. 이미지 기반 SNS의 주요 기능인 이미지 업로드

이미지 업로드하여 게시물작성/수정,댓글, 좋아요, 유저별 실시간 알림,로그인, 게시물 무한 스크롤을 구현했습니다.

(2021.03.28 ~ 2021.04.01)두번째✌ 리액트 프로젝트를 마쳤습니다.react를 배우며 자연스레 redux를 함께 배웠지만 다른 상태관리 라이브러리도 존재함을 알게 되었다. 다른 것을 사용해보아야 redux가 어떤 장점을 가졌기에 많이 사용되고 있는 지,