[WIL] 2023.11.1주차 | 앞으로 걸어가기

1. 이번주 한 일

• 10월 30일:: 월요일
  • 가을 야구 관람하기:: 포스트 시즌 NC VS KT [수원] ⚾
• 10월 31일:: 화요일
  • 진정한 사랑에 대해 고찰하기
• 11월 1일:: 수요일
  • 커넥트 최종 과제 피드백받기
• 11월 2일:: 목요일
  • 나날이 프론트 오프라인 회의하기::  코드 합치기 성공
  • 커넥트  5주차 강의 보조하기
  • 커넥트 3+4주차 과제 피드백하기
  • 커넥트 5주차 과제 제시하기
  • 리눅스 myshell 실습하기
• 11월 3일:: 금요일
  • 끝장나게 쉬기
• 11월 4일:: 토요일
  • 한강에서 자전거타기 🌳🍂
  • 마들렌 틀 구매하기
  • 콩테와 노트 구매하기
  • 목도리 뜨개질하기
  • 나날이 프론트 개발하기:: Home part
• 11월 5일:: 일요일
  • 나날이 프론트 개발하기:: Home+Detail part
  • 임베디드 Atmega128 작동여부 테스트하기

 

2. 이번주 학습 내용

(1) stub, mock 데이터

매번 포스트맨으로 테스트하며 개발을 하기엔 실질적으로 어렵다. 프론트에선 직접 서버를 돌리는 것이 불가능하고, 실시간 서비스를 제공하는 것이 아니라 AWS 등을 긴 시간 동안 켜두기엔 힘들기 때문이다. 실제로 Node로 프로젝트를 진행했을 때 AWS로 서버를 돌렸는데, 문제가 많아 실질적인 테스트를 지속적으로 제공하는 것엔 어려움이 많았다.

이때, 프론트에선 하나의 획기적인 방법이 존재한다. 포스트맨을 통해 출력값으로 나온 결과를 하나의 JSON 파일로 생성해 연결 없이 개발을 진행하는 것이다.

최종 결과물을 제작하는 기간에 가까워지면 그때 포스트맨을 통해 작동이 잘 되는지 확인하면 된다. 이를 stub 데이터 또는 mock 데이터라고 부른다. 포스트맨으로 한 번만 테스트에 성공하면, 그 값을 가지고 구현하는 것이 잘 작동되고 있는지 확인할 수 있다는 것이다. 

 

(2) 조건에 따라 컴포넌트 생성 없이 변경해주기

const [isDay,setIsDay]=useState(false);

return(
	<div className={isDay?`${styles.bodyDay}`:`${styles.bodyNight}`}>
    </div>
)

낮이면 bodyDay를, 밤이면 bodyNight라는 태그 이름을 사용하는 상황이다. 일반 css가 아니라, module.css는 위와 같이 스타일을 부여해야 한다. 

 

3. 이번주 느낀 점

(1) 프론트 실력 부족함

나날이 프로젝트를 진행하며 프론트 실력이 얼마나 부족한지 여실히 느끼고 있다. 기초를 쌓아 올리며 프로젝트를 진행하고 있지만, 속도가 더딘 것 같다는 생각이 든다. 스스로에 대한 실망감을 압도적으로 느끼고 있다. 방법은 하나다. 거북이처럼 꾸준히 앞으로 걸어가는 것. 스스로에게 거는 기대가 크다면 그에 부응하도록 해야겠지. 이젠 앞으로 걸어가기만 해야겠다.

 

(2) 진정한 사랑에 대한 고찰

수업에서 진정한 사랑은 무엇인가에 대한 토론을 작성했다. 참을 수 없는 존재의 가벼움, 프라하의 봄, 디아워스를 감상하고 난 후 그에 대한 고찰을 적는 것이었는데, 사랑에 대해 이리 깊게 고민한 적이 있었나라는 생각이 들었다. 근래 사랑이란 무엇인가에 대해 스스로 고민에 빠진 순간들이 많았는데, 이를 글로 적어내서 조금 후련해진 기분이다.

진정한 사랑을 찾는 것은 고단하구나.

 

(3) 목표를 세우는 것의 의의

늘 새해가 되면 한 해의 목표를 세우곤 한다. 때론 그때 더 긴 기간의 계획도 세우는 편이다. 올해도 잔뜩 작성해 두었는데, 이번주에 그 목표 중 두 개를 달성했다. 한가람문구를 방문해서 콩테를 구매하는 것! ✏️

선선한 날, 밖으로 나가 크로키를 할 예정이다. 좋아하는 것들이 생기는 것은 참 즐거운 일이야.