crud 외의 기능을 개발할 수 있고 팀원들에게 익숙한 협업툴인 slack을 클론코딩한 팀프로젝트입니다.

기술 스택 : React , Recoil , styled-components , sock.js , stompjs , Node.js

참고 자료: 스톰프(https://jeonghwan-kim.github.io/2022/10/31/stomp), 슬랙클론강의(https://github.com/ZeroCho/sleact)

기업 사전 과제로 개발한 위키 페이지입니다.

기술 스택 : React , TypeScript, Node.js, Express, MongoDB

참고 자료: 위키피디아 홈페이지를 참조하였습니다.

reducer와 커스텀훅을 사용하여 UI 코드와 api 코드를 분리하고자 하였습니다.

기술 스택 : React , Redux , Node.js , MySQL

참고 자료: 텍스트에디터라이브러리(https://velog.io/@holim0/React-Quill-사용해보기), Nginx(https://juneyr.dev/nginx-basicshttps://jizard.tistory.com/308), 이미지서버(https://seoyun-is-connecting-the-dots.tistory.com/313)

포트폴리오 목록을 보여주는 개인 프로젝트입니다. React로 개발했을 때 SEO 점수를 높이는데 한계가 있다는 것을 알고 Next.js 13버전으로 현재 이 사이트를 개발하였습니다.

기술 스택 : Next.js

참고 자료: Carousel(https://dev.to/siaust/make-your-own-html-carousel-in-react-177k), SEO(https://parkgain.tistory.com/54)

로그인 페이지 프로젝트입니다. 서버 없이 클라이언트만 구현하였습니다.

기술 스택 : React , Recoil

참고 자료: Recoil(https://recoiljs.org/ko/docs/introduction/installation)