(주)업사이트

인턴

업사이트는 AI를 활용하여 건축 공정관리 솔루션을 개발하는 회사입니다.

사용기술 : Next, React, TypeScript, Zustand, React-Query

3주 동안 기획 단계에 적극 참여하여 Figma를 활용해 디자이너와 원활히 협업했습니다. 또한, 백엔드 개발자들과 소통하며 솔루션 개발을 성공적으로 완료했습니다.

Kelog 프로젝트 진행중...

팀원 : 3명

Velog 클론 프로젝트. 기존 프로젝트와 다르게 Jest를 사용하여 테스트 코드 사용하여 구현했습니다.

사용기술 : Jest, React, TypeScript, Recoil, React-Query, React-Router

테스트 주도 개발(TDD)의 필요성을 느껴 Jest를 사용하여 구현했습니다. 직접 벨로그를 해보면서 Kelog 프로젝트를 진행했습니다. RN도 배워 어플을 만들고 싶다는 생각이 들었습니다.

ArtSeeReal 프로젝트

팀원 : 4명

프론트엔드 2명 백엔드 2명 실무자들과 진행한 프로젝트.

사용기술 : React, TypeScript, Recoil, React-Query, React-Router

실무자와 협업하면서 프로젝트 관리와 커뮤니케이션 능력을 키울 수 있었습니다. 또한 TS를 이용하여 타입을 관리했습니다. 하지만 테스트 코드를 같이 구현했으면 어땠을까라는 아쉬움이 있습니다.

맥OS 구현

팀원 : 5명

맥 OS와 비슷하게 구현하여 다양한 어플을 제작하여 다양한 기능이 있도록 제작하였습니다.

사용기술 : HTML, CSS, JS, Spring-Boot, MySQL

팀의 프론트엔드를 담당하여 디자인과 퍼블리싱을 담당하고 각종 스크립트 효과와 Spring-Boot로 백엔드도 구현해봤습니다. 중복된 코드가 너무 많아 React를 배워야겠다는 계기가 되었습니다.

Simple Board

팀원 : 3명

Ajax를 사용하여 서버와 통신하여 데이터를 게시물 및 댓글 기능이 있는 심플한 게시판을 제작하였습니다.

사용기술 : HTML, CSS, JS, jQuery

jQuery와 Ajax를 사용하여 비동기 통신의 중요성과 웹 성능 최적화에 대해 배울 수 있었습니다. 기본적인 게시판 기능을 구현하면서 CRUD 개념을 확실히 이해하게 되었습니다.

N.fimap 프로젝트

실제 사용자들의 피드백을 받아보는 경험을 하고 싶어, 밴드 N.Flying을 소개하는 웹사이트를 제작했습니다.

사용기술 : React, TypeScript

실제 사용자들의 피드백을 받아보며 사용자들이 사이트에서 무엇을 기대하고, 어떤 부분을 더 개선해야 할지 배울 수 있었습니다.

Riot API 프로젝트

Riot API를 활용하여 유저들의 전적을 보여주며 Redux-toolkit 최신문법을 사용하여 프로젝트를 만들었습니다.

사용기술 : React, Redux, Redux-Toolkit

게임 롤을 좋아하여 저만의 전적 검색 사이트를 만들어보고 싶었습니다. 기술적으로는 Redux-Toolkit을 사용하여 상태 관리를 효율적으로 할 수 있었습니다.

Netflix 프로젝트

영화 API를 활용하여 다양한 영화를 보여주고 영화의 디테일정보 및 페이징 기능도 구현하였습니다.

사용기술 : React, Redux

영화 API를 사용하여 데이터를 효율적으로 처리하고 데이터를 다루는 방법을 배웠습니다. 또한, React와 Redux를 활용하여 상태 관리를 효과적으로 수행했습니다. JS 기초가 부족하다는 생각이 드는 프로젝트였습니다.

감정 일기장 프로젝트

인프런 강의를 들으며 React를 활용한 일기장 프로젝트를 제작하였습니다. 다양한 정보를 저장할 수 있습니다.

사용기술 : React

React를 학습하면서 컴포넌트 기반 개발의 장점을 이해하게 되었습니다. 인프런 강의를 통해 실용적인 프로젝트를 완성할 수 있었고, 사용자 데이터를 효과적으로 관리하는 방법을 배웠습니다.

퍼블리싱 프로젝트

개인 프로젝트로 인프런 강의를 보며 html+css+JavaScript를 활용하여 웹 퍼블리싱 프로젝트를 구현하였습니다.

사용기술 : HTML, CSS, JS

국비교육 자바 기반 백엔드 교육과정을 학습할 때 저녁에 HTML + CSS + JS를 배우기 위해 인프런 강의를 들었습니다. 제가 프론트엔드에 매력을 느낀 첫 발판이었습니다.

벨로그

또 하나의 성장을 기록하기 위해 시작한 벨로그입니다. 이론이나 코딩테스트에 대한 생각을 정리하고, 공부하면서 배우고 느낀 점들을 자세히 기록해 나가고 있습니다. 꾸준히 글을 작성하며 자신을 돌아보고 성장을 체감할 수 있는 소중한 공간입니다.

2024 공부기록

2024년 하루하루 공부한 내용을 기록해 놓은 곳입니다. 매일 어떤 주제를 공부했는지, 어떤 어려움을 겪었는지, 그리고 어떤 성과를 얻었는지를 꼼꼼하게 적어두었습니다. 장기적인 목표 달성을 위한 지표로 활용하고 있습니다.

2023 공부기록

2023년 하루하루 공부한 내용을 기록해 놓은 곳입니다. 매일 공부한 내용을 상세히 기록하며, 학습 과정에서 겪었던 시행착오와 그로 인해 얻은 교훈들을 남겼습니다. 이는 자신을 돌아보고 앞으로의 학습 방향을 설정하는 데 큰 도움이 되고 있습니다.

IT 스터디

일주일에 2번씩 온라인으로 스터디를 진행하였습니다. 함께 공부하며 상호 피드백을 주고받고, 다양한 주제에 대해 깊이 있는 토론을 하였습니다. 이러한 스터디 활동을 통해 지속적인 학습 동기를 부여받고, 다양한 시각을 배울 수 있었습니다.

코딩 테스트

프로그래머스에서 코딩테스트를 연습하였습니다. 알고리즘 문제를 풀면서 논리적 사고와 문제 해결 능력을 키웠습니다. 다양한 문제를 접하고 해결해 나가면서 코딩 실력을 꾸준히 향상시키고, 자신감을 얻을 수 있었습니다.