TIL 49

집중도 1~5 ( 4.3 ) , 7/25 월


'현재 시간 03:57 / D+25 B+23,

오랜만에 TIL 쓴다. 거진 5일만인 듯 하다.

귀찮아서 안 쓴 게 아닌데, 자연스레 TIL을 써야함과 멀어졌던 것 같다.

2일 전부터 '콜드 샤워' ? 를 하고 있다.

6~7년 전에 자주 듣던 팟캐스트를 오랜만에 들었다, 우연히 '콜드샤워'에 대한 얘기를 들었다.

어렸을 때부터 추운 겨울은 당연하고 한 여름에도 항상 따뜻한 물로만 샤워했었다.

미지근한 물도 아니고 항상 따뜻한 물.

남들은 어떻게 여름에 차가운 물로 샤워를 하는 걸까? 그저 신기했다.

처음 들었을 땐, 아니 찬물로 샤워하든 뜨거운 물로 샤워하든 뭐 다를게 있나? 라고 생각하며 코웃음을 쳤다.

그렇게 아침에 차가운 물로 샤워를 했다.

아마 첫날은 전날에 4시간만 잤던 걸로 기억한다.

원래라면 되게 피곤할텐데, '콜드 샤워' 때문인지 몸에서 열이 엄청 나고 원래라면 점심 먹고 피곤했을 테지만 전혀 피곤하지 않고

6시간을 잔 것처럼 쌩쌩했다.

아... 너무 피곤하다 더이상 못 쓰겠다. '콜드 샤워'의 원리와 관련된 얘기는 내일 이어서.

'

---

기억할 것

1. [ ! ] id는 각 태그마다 지정할 때 ( document.getelementbyId )

   class는 여러 태그에 같은 속성을 넣고 싶을 때 이용한다 ! ( document.getelementsbyclassname ) class는 's' 유의할 것

---

오늘 할 일

0. 자바스크립트 코드잇 강의 3개

1. [ 해결 ] 로그아웃 시 쿠키 삭제 안 되고 있음.

   < 과거 시간 문제였음 >

2. [ 해결 ] 구독했는지 fillter로 확인 후 조건부렌더링

3. fillter 해서 태그에 대한 글 보이게

4. 좋아요 에러 메시지 번호에 따른 alert 바꿔 띄우기 ( 비회원 좋아요 못 하게 )

5. 디테일 페이지 css

6. [ 해결 ] 글작성 페이지 css

7. [ 해결 ] flex, grid css 유투브 요약된 거 또 보기

8. [ 해결 ] 일단은 버튼에 폰트 지정 , 폰트도 완벽하게 가져오기

9. 개인페이지 CSS 완벽 완성!

10. 디테일 페이지 CSS 완벽 완성!

---

고민, 궁금한 것, 트러블 슈팅

1. [ ! ] 디테일 페이지에서 글이 만약에 엄청 길다면 그에 맞게 어떻게 박스를 더 길게 키울건지?

2. 빨리 배포하는 게 좋겠다.

3. [ ? ] 왜 내꺼 전체크기가 1920이 아니고 1902이 기준이지?

---

...님 에게

1. [해결. 프론트 ] 저녁 회의 이후에 에러 확인 시간을 갖는 게 좋겠다.

   ( https://www.notion.so/98c86546e6744ace91be3ed8825fa566 )

2. [ 해결. 이지혜 ] absolute 언제 쓰는지 명확하게? / justfy-items 랑 align-contents 가 뭔지? / 마우스로 갖다댔을 때 간격 안 나오는지?

3. [ 해결. 성준님 ] 썸네일 null 값 보내면 에러 안 뜨고 그대로 null을 받아 올 수 있을까요?

4. [ 성준님 ] 조회수 기능 api 만드신다고 한다. 이후에 시간 날 때 그거에 관해 알아보기

5. [ 해결. 성준님 ] jpg만 보내기가 안 된다. / 어떤 jpg는 되고 어떤 jpg는 안 된다. / CORS

6. [ 해결. 성준님 ] 서버에서 받는 날짜를 2022.07.23 이런 형식 가능한가요? / 아니면 제가 바꿀 수 있는 법 알아내서 바꾸겠습니다.

   date 관련 문법 찾아보면 된다.

   ( https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse )

7. [ 해결. 광민님 ] 서버 비용 말씀드리기 ( 마케팅 비용 )

8. [ 운철님 ] 검색하기 안 들어가짐

9. [ 해결. 유정님 ] 피그마랑 똑같이 설정했는데 달라보인다. 어떤 걸 이상하게 설정해서 그런 걸까요? / 내 css 방식이 문제가 있으리라 생각한다. 한 번 봐주시면 감사하겠다.
   
   
   

---

아이디어

1. 처음에는 cra로 사용하다가 필요하면 세팅을 하는 것으로 알고 있습니다. 저희 파트는 vite로 세팅하고 있어요

---

개인적인 생각

1. [ ! ] 와!!!!.. 자바스크립트에서 !! 이게 앞에 붙으면 true라는 의미인데, 가만히 있으면 true인데 왜 필요하지 했었는데 일반 string 형태의 것들은

   가만히 있으면 string이지만 이걸 true / boolean 형태로 바꿔주기 위해 앞에 !!가 붙는 것 같다!!!!!!

2. 공부시 시간 배치를 아주 중요시 생각함 ( 오전에 새로 배우는 것등 머리를 많이 쓰는 걸 배치한다. )

3. 오전은 머리가 맑고 저녁엔 어지러우니 쉬운 암기나 인강을 듣는다.

4. 잠도 잘 자야한다. 그래서 자기 전에 오늘 뭐했는지를 정리하고 잠에 들면 불안감이 없이 편히 잘 수 있다. ( 잘 쉬어야한다. 아주 중요 )

---

마케팅 특강

1. 구글 폼으로 설문 받는 게 좋다. ( 고객이 곧 나의 PM 고객에게 피드백을 받기 가장 좋은 방법 )

2. 비즈니스를 이해한 개발자, 고객을 이해한 개발자 되는 게 아주 중요하다. ( 회사 또한 이런 개발자구나 파악해줄 것 / 플러스가 되는 요인 )

개인적인 질문이 될 수 있겠지만, 순영님 다음날 컨디션을 위한 습관, 행동이 어떤 게 있으실까 궁금합니다.

항해를 하면서 컨디션이 좋을 때와 아닐 때가 일정치가 않아 아쉬움을 가지고 있었어서 여쭤봅니다!.

---

디테일 기능

1. 예약 두 개 누르면 처음에 안 된다고 alert 떴다가 두 번째부터 가능

2. 메인에서 사진 없을 때 null 값으로 보이든지 하는 형식으로 해야함.

3. 블로그 눌렀을 때 맨 위로 가게 만들기

4. 다른 사람 블로그 갔다가 내 블로그 가기 누르면 마이프로필란에 데이터가 수정이 안 됌.

5. [ ! ] 디테일 들어갔을 때 프로필 없으면 다른 사진 보이기

6. 약관 내용 채우기

7. [ 신영님 ] 라인이 border만 인지 정확하게 통일

---

멘토님 멘토링

1. nginx 에서 IP 확인해볼 것 ( 그래서 오류가 뜨는 게 아닐까 샆다. ) < 프론트 이 부분은 어떻게 되 있는지 모름... >

2. 심플 피어가 어떤 방식을 써서 연결이 되고 있는지와 같은 걸 면접에서 무조건 물어본다. ( webRTC -> tcp ip / webRTC udp? 8분 녹화 부분에 말씀하신 거 무조건 기억해야한다. )

3. 남들이 해서 뭔가를 하기보단 한 것을 정확히 왜 사용했는지 아는 것이 중요하다.

4. 12분 50초 / css 질문에 대한 피드백 / 스타임 컴포넌트 ( class 를 append 하는 방법을 찾아볼 것 )

5. 폰트가 피그마와 달라보임 확인해볼것
   
   

---

콜드 샤워

0. 스트레스 사라지고 정신 확 깨는 느낌

1. 콜드 샤워하면 샤워 시에는 춥지만 샤워 끝나고 몸에서 뜨거운 열이 막 올라온다.

2. 림프액 순환한다고 함.

3. 찬물이 몸에 끼얹어지면 몸에 신경이 반응해서 심장이 빠르게 뛴다고 함. 몸을 덥게 만들기 위해서!!!! 아 이게 핵심이네.

4. 일과 후 그렇게 샤워하면 일과의 스트레스가 다 해소되는 느낌이라고 함 ( 아마 내가 운동 시에 느끼는 느낌이 아닐지 / 기분 전환 시켜준다고 함!!! )

5. 몸에 Co2를 낮춰서 뭔가에 집중하게 할 수 있게 해준다고 함.

6. 아침마다 차가운 물에 도전을 하는 거임

7. 1분 뜨거운 물 1분 차가운 물 샤워가 아주 좋다고 함 ! ( 원래 하던 대로 샤워하고 마지막에 찬물로 1분!! 이런 식 좋겠다. )