GRIDY

Web Frontend Developer

< 깜빡하고 포스팅 안하고 잠 >

이 글은 12시를 넘어 새벽 1시 반에 작성중인 글이다

너무 졸리지만 일단 오늘 최대한 많이 만들어 놓고 자고 싶기 때문에....

오늘 한 일은 단 한가지 밖에 없다.

새로 나온 '5주차 개인 과제'가 바로 그것이다.

기능 목록

1. 게시글
   1. 목록 가져오기
   2. 추가하기 (+이미지 업로드하기)
   3. 삭제하기
   4. 수정하기
2. 회원가입하기
3. 로그인하기
4. 파이어베이스 or S3로 배포!

페이지별 상세

1. 회원가입 페이지
   1. 이메일 형식 체크, 비밀번호 체크할 것
2. 로그인 페이지
   1. 이메일, 패스워드 미기입 시 로그인 버튼 활성화 막을 것
3. 메인 페이지(게시글 목록 페이지)
   1. 게시글 목록 노출
   2. 게시글 하나는 작성자, 작성 시간, 이미지 미리보기, 텍스트 내용으로 구성
   3. 게시글 하나를 클릭 시, 게시글 상세 페이지로 이동
4. 글 작성 페이지
   1. 레이아웃 선택 버튼
      1. 3가지 레이아웃 중 선택하도록 한다.
         • 이미지가 오른편에, 텍스트는 왼편에 위치한 레이아웃
         • 이미지가 왼편에, 텍스트는 오른편에 위치한 레이아웃
         • 텍스트가 위에, 이미지는 아래에 위치한 레이아웃
      2. 레이아웃 선택 시, 게시글 레이아웃(모양새)대로 보이도록 한다.
      3. 텍스트, 이미지 중 입력 안된 게 있다면 게시글 작성 버튼 비활성화
      4. 작성 완료 시 메인 페이지로 이동
5. 게시글 상세 페이지
   1. 게시글 레이아웃에 맞춰 이미지, 텍스트 위치 조절해서 노출

추가로 해보면 좋을 기능

• 메인 페이지 (게시글 목록 페이지)
  1. 무한 스크롤
  2. 좋아요 기능 : 게시글 중 좋아요버튼(분홍색 하트 버튼)을 누르면 [좋아요]를 +1한다. 다시 누르면 분홍색 하트가 회색 하트가 되고 좋아요가 -1개 된다.
• 이미지 여러장 업로드 (상세 페이지에서는 슬라이더로 이미지 넘겨가며 보도록 처리)
• 알림 기능 만들기 (+알림페이지도 추가할 것!)
• 좋아요 눌렀을 때 게시글 위로 하트 이미지가 나타났다 사라지게 해보기

오늘은 25일차이다.

간만에 집중하여 공부한 하루가 아닌가 싶다.

아침에 일어나서 내일부터 있을 과제에 대한 디자인을 어느정도 해놓았다.

그리고 리액트 프로젝트를 생성해놓고 파일 구조를 어느정도 구성해 놨는데, 이걸 그대로 사용하게 될지는 내일 과제가 나와봐야 알 거 같다.

코드는 좀 짜놓으려다가 리액트 공부를 좀 진행해야 할 거 같아서 잠시 킵했다.

그리고 그 이후 부터는 리액트 강의를 주구장창 듣다가, 5시에 사이드 프로젝트로 잠깐 얘기를 나누고 6시쯤부터 다시 리액트 강의를 듣기 시작했다.

노마드코더 리액트 마스터 클래스 4챕을 드디어 끝냈다.

내일부터 주말까지 과제 빨리 끝내놓고 5챕을 시작해야 겠다.

5챕에서는 지금까지 우리가 썻던 리덕스가 아닌 리코일을 사용한 상태관리를 알려주는데, 리코일은 어떤 느낌일지 궁금하다.

오늘은 아침에 일어나서 CS 스터디 준비를 했다.

그리고 비몽사몽 하다가 11시에 CS 스터디를 가서 내 발표를 하고 끝나자 마자

그리고 다음주에 있을 항해 심화 디자인을 했다.

그리고 대략적인 컴포넌트 파일만 만들고, 기존에 사이드 프로젝트를 조금 수정했다.

다음주 과제는 아래 주소에서 참고했다.

https://intrepidgeeks.com/tutorial/sailing-995-week-5-wil-feb-13-2022

그리고 저녁이 되어서 사이드 프로젝트에 관해서 잠깐 회의를 했다.

오늘 하루도 이렇게 끝

요즘 별로 하는게 없는거 같은거는 기분 탓이라고 믿고 내일은 열심히 공부해봐야겠다.

오늘은 아침부터 비몽사몽 이었다.

그래도 나름 이것저것 하기는 한게 사이드 프로젝트에서 맡았던 파이어베이스를 사용한 로그인, 회원가입 기능을 적용했고,

기존의 코드를 리덕스 코드에서 리덕스 툴킷 코드로 변경해보았다.

확실히 코드를 짧게 쓸 수 있으니 훨씬 편한 거 같다.

로그인, 회원가입은 적용했으나, 아직 로그인 체크 라던지 회원가입시 회원 정보를 저장하는 그런 부분은 구현되지 않았기 때문에, 이 부분도 적용해야 한다.

저녁에는 회의로 내가 짠 코드를 소개해드리고, 앞으로 어떻게 진행할지 조금 얘기했다.

그리고 내일은 CS 스터디가 있으므로 발표 내용을 조금 정리했다.

https://intrepidgeeks.com/tutorial/sailing-995-week-5-wil-feb-13-2022

위는 5기 5주차 개인 과제의 내용인데, 이걸 참고해서 다음주에 만들 디자인을 대략적으로 구성해보고 있는 중이다.

아래는 현재 구상중인 디자인이다.

로고도 진짜 이쁘게 만들어보고 싶은데,,, 그런거에는 전혀 재능도 없고 시간도 효율적으로 써야하므로 그냥 대충 폰트 박았다.

아직 로그인 페이지 디자인만 했고, 일단 자고 일어나서 천천히 구상해봐야 겠다.