목록분류 전체보기 (29)
yj-front
이번주부터 마지막 프로젝트에 접어들었다. 3주간 프로젝트 기획부터 구현까지 전체적인 부분에 참여하며 배포 후 2주(이상) 실제 서비스 운영을 하며 개선할 부분을 지속적으로 개선해 나가는 프로젝트이다. 또한 디자이너분과 협업하여 UI/UX를 만들 수 있어서 정말 의미있는 프로젝트가 될것 같다. 이번주에 프로젝트 기획을 했었는데 주제는 존재했지만 구체적인 계획이 없어서 계속해서 회의를 진행했는데 생각보다 기획을 하는게 쉽지않았다. 나는 개발적인 퍼포먼스와 실용적인 측면을 비교했을 때 개발적 퍼포먼스가 작더라도 실용적인 부분이 있어야 유저들이 이용할 것 같아 이 부분을 고려해서 기획을 했던 것 같다. 프론트엔드끼리 각자 기능별 역할을 분담하는데 있어서도 각자 해보고 싶었던 부분이 달라서 잘 분배를 했으며 나는..
이번 프로젝트는 팀 프로젝트로 클라이언트 2명 서버 2명으로 나포함 4명이서 진행을 했다. 최종 프로젝트 전 마지막 프로젝트이기도 하고 지금까지 구현했던 기능들 중 다시 구현하고 싶은 부분과 새로 학습하며 구현하고자 하는 부분을 전부 구현할 수 있어서 아주 만족스러운 프로젝트였다. 예를들어 클론코딩을 하면서 조금 아쉬웠던 회원관련 기능들을 맡아 다시 구현하며 복습을 했고, 추가적으로 중복확인이나 비밀번호 찾기, 소셜 로그인 등 회원관련 부분에서 새로운 기능을 구현하며 더욱 실력을 발전 시켰다. 또한 무한 스크롤도 방식을 숙지하고 있었지만 이번 프로젝트에서는 부분 영역에 스크롤 이벤트를 통해 무한스크롤을 구현해야하는 점이 기존에 알던 방식과 달랐지만 열심히 찾아보고 학습한 결과 무한 스크롤 기능을 재미있게..
개요 프로젝트 주제: 미니 프로젝트 개발인원 4명 (프론트엔드: 노유진, 조형석 / 백엔드: 금교석, 강태진) 개발 기간: 2021.04.12 ~ 2021.04.22 클라이언트: React, 서버: Node.js 사용 형상관리 툴: git 프로젝트 특징 본 프로젝트는 팀 프로젝트로 게시물을 통한 커뮤니티 기능 및 채팅을 할 수 있는 미니프로젝트를 진행함 UI 부분은 styled-components, antd을 사용 반응형 구현은 테블릿 크기(768) 모바일 크기(375)에서 간단하게 구현함 컴포넌트 구성: 컴포넌트는 중간단위 및 페이지 단위로 구성했으며 디렉토리로 구분함 주요 기능: 로그인, 회원가입, 소셜로그인, 회원정보 수정, 게시물 CRUD, 댓글 CRUD, 유저 검색 필터, 이모티콘기능, 무한스크..
4월 3주차 부터 최종 프로젝트 전 마지막 프로젝트로 2주간 진행하는 미니 프로젝트를 시작했다. 이번 프로젝트는 재정비를 위한 프로젝트로 개발하면서 미흡했던 부분은 보완하며 새로운 부분을 학습하는 기간이라 생각해서 나는 프로젝트에 필요한 새로운 부분을 공부하고 그 외에 꾸준히 학습했던 부분에서 다시 구현하고 싶은 부분을 맡아 구현하기로 계획했다. 이번 프로젝트는 클라이언트는 react 서버는 node로 진행을 하며 좋은 팀원분들을 만나기도 했고 같은 js 언어다 보니 유용한 부분이 많았던 것 같아 재밌는 한주를 보냈던 것 같다. 1. 다시 구현하고 싶었던 부분 이번 프로젝트를 진행하면서 회원 관련 부분을 다시 구현해보고 싶었으며 jtw토큰을 이용한 로그인 방식, 회원가입 시 아이디 중복 체크나 정규식, ..
이번주는 팀 프로젝트로 클라이언트 2명 서버 2명으로 나포함 4명이서 진행을 했다. 처음 서버분들이랑 협업을해서 진행을 한 프로젝트로 정말 재미있게 프로젝트를 진행한 것 같다. 클라-서버 통신에 대해 개념을 익힐 수 있는 경험을 했으며 클론코딩을 하면서 뷰를 최대한 똑같이 만들어야 한다는 점에서 css나 html구조를 다시 한번 더 생각하게된 계기가 된것도 있다. 또한 협업 시 소통과 협업 관리 툴이 정말 중요하다는 점도 배우게 된 것 같다. 내가 뷰를 그리고 있는 동안 서버분들이 통신에 필요한 api에 대해 얘기를 하자고 했을때 아직 api부분을 자세히 생각해 보지 않았기 때문에 버벅이게 되는 경험을 첫날에 잠깐 했었다. 이후 문제점을 파악한 뒤 api부분이나 프로젝트에 대해서 구체적인 소통을 주기적으..
이번주는 항해 리액트 심화과정을 학습하고 미니 프로젝트를 진행하였다. 이번 프로젝트도 저번주와 비슷하게 초기 와이어프레임이나 패키지, DB구조 등을 먼저 생각하고 진행을 했으며 무난하게 마무리 했다. 컴포넌트 구조나 리덕스에 대한 개념을 잘 익히는 과정이였으며 파이어베이스를 이용해서 서버와 통신부분에 대한 개념이 살짝 부족했지만 이후 클론코딩이나 프로젝트 등을 통해 서버분들이랑 협업을 하게된다면 리액트에서의 클라이언트-서버 통신에 대한 방법도 익숙해질 것이라 생각한다. 항해를 시작한지 한달이 지난 시점에서 돌이켜보면 정말 열심히 했던것 같고, 앞으로도 더 즐겁게 개발을 하지 않을까 생각이 든다. 프로젝트 후기 근 2주간 리액트에 대한 개념을 잘 파악한것 같으며 프로젝트에 대한 후기도 미니프로젝트에 잘 적..
개요 개인 프로젝트 프로젝트 주제: 이미지 게시물 공유 커뮤니티 개발 기간: 2021.03.29 ~ 2021.04.01 React + firebase 사용 데이터 베이스: firestore 형상관리 툴: git 프로젝트 특징 본 프로젝트는 개인 프로젝트로 이미지 업로드 기능이 있는 커뮤니티 사이트를 React와 서버리스 플랫폼인 firebase를 이용하여 구현 UI 부분은 styled-components, material-ui를 사용 모든 페이지는 PC, 모바일, 태블릿에서 확인했을 때 뷰가 깨지지 않도록 반응형으로 구현 컴포넌트 구성: 컴포넌트는 중간단위 및 페이지 단위로 구성했으며 디렉토리로 구분함 주요 기능: 로그인, 회원가입 기능, 게시물 추가, 조회, 수정, 삭제, 좋아요 기능, 무한스크롤, 게..
이번주는 본격적으로 리액트에 대해 학습을 하며 간단한 미니 프로젝트까지 진행을 해봤다. 또한 다음주도 리액트에 대해 학습을 진행할 예정이며 로그인기능 및 게시글 조회, 추가, 삭제, 수정 기능을 구현할 예정이다. 이번주 리액트 공부 및 프로젝트를 진행하면서 컴포넌트에 대한 개념, 리덕스에 대한 개념 등을 이해를 한거 같으며 앞으로도 프로젝트나 공부를 진행함에 있어 컴포넌트를 어떤식으로 쪼갤건지나 데이터 관리에 있어 리덕스를 사용할지 여부를 잘 판단해야한다고 느꼈다. 프로젝트 시작 전 준비 프로젝트 시작전 설치패키지, 패포 방식, 데이터 구조, 와이어 프레임 등을 아래와 같이 구상을 했다. 미니프로젝트 미니 프로젝트를 진행하면서 먼저 와이어프레임, 필요한 패키지, 데이터 형태 등 기본적인 구상을 마치고 프..