선행지식

• 라이프사이클 : #22

예를 들어서
useEffect안에 A,B,C 세가지 의존 배열이 있을 때
처음에 렌더링 될 때 ABC가 다 각각 변경될거아냐?
그럼 useEffect는 세번 실행된다는 뜻임?
useEffect의 정확한 실행 타이밍이랑 생명 주기 사이클이랑도 상관이 있을 것 같네🤔

i18n

i18n, i18next, react-i18next

• i18n
  • 라이브러리의 이름이 아니라 internationalization의 약자. i부터 n사이에 18글자가 있어서 i18n이라고 함.
• i18next
  • JavaScript에서 사용하기 위한 라이브러리
• react-i18next
  • i18next의 리액트용 라이브러리. Hooks등의 API가 내장되어있음.
• next-i18next
  • i18next의 next용 라이브러리

next.js에서의 i18n

• next.js에서 기본 내장 되어있는 것은 i18n이 아니라 다른 i18n 라이브러리를 편리하게 사용하기 위한 루팅 설정

• 참고

• https://tolgee.io/blog/difference-between-i18n-and-i18next/

• https://devlog.atlas.jp/2021/12/08/4140

제곧내

OPTIONS라는 메서드가 있다는 것도 처음 알았는데 그걸 받아주게 하도록 백엔드가 따로 설정해줘야하는 건 또 첨알았네
포스트맨은 괜찮고 브라우저는 안되는 이유가 브라우저가 OPTIONS를 날리기 때문이라는데 이거에 대해서 좀 더 잘 살펴보고 싶음

관련 이슈 : #15
쿠키는 해당 URL에서만 취득할 수 있는게 맞음?
그럼 로컬 스토리지는 내가 현재 보고 있는 URL과 상관없이 취득할 수 있는거임?
로컬 스토리지도 쿠키도 각각의 "브라우저"의 로컬 스토리지, "브라우저"의 쿠키가 맞는거임?

제곧내

req.session.save()를 하면 세션이 리퀘스트에 있다는 얘기야?
서버에서 세션을 가지고 있는게 아니었어?

이거 다른 사람들은 어케 쓰는지..

선행 지식
세션과 쿠키
Base64
HTTP 요청

Discussed in https://github.com/mdgarden/CS-wiki/discussions/10

아니요!

https://goidle.github.io/react/in-depth-react-intro/
https://www.oowgnoj.dev/react/side-effect

이번에 우리 서비스에서는 로컬 스토리지에 토큰이 존재하고, 그 리프레쉬 토큰의 유효기간이 남아 있으면 로그인이 된 것으로 판정하기로 했다.
그렇게까지 민감한 개인정보를 앱에서 필요로 하지않는다는 점에서 JWT로 백엔드에서 유효성검증을 하기로 했기에 세션을 만들지는 않았다.
그렇다면 만약 세션을 연결하게 되면 세션에 연결되어있다는 것을 프론트에서 어떻게 알 수 있을까?
단순히 세션 ID만 있으면 오케이인가? 쿠키에도 이것저것 붙어있던것 같던데 그러면 쿠키에는 구체적으로 어떤 항목이 붙어있어야 세션과 연결되어있는건지? 서버가 세션을 기억하고 있다는게 정확하게 무슨 뜻인지?
세션을 이용하지않는다면, JWT만을 이용하는 다른 서비스들은 무엇을 가지고 로그인 된 상태를 판정할까?

https://developer.android.com/guide/topics/connectivity/bluetooth-le?hl=ko

• 플러터로 요구사항 구현이 가능한지

https://bitsofco.de/what-exactly-is-the-dom/

#2 의 확장
프로토타입에 대해서 계속 생각하다보니 문득 자바스크립트 처음 배우기 시작했을 때 덕타이핑에 대해서 정리하던게 생각남

1. 덕타이핑이 정확하게 뭐였더라, 어쩌다가 덕타이핑까지 찾아보게 됐었나
2. 덕타이핑과 프로토타입 철학이 관련이 있는가? 혹은 프로토타입 철학을 덕타이핑으로 설명할 수 있는가?

• #33

#37 에서 파생
higher-order components
고차 컴포넌트란

표지에 있는 I'm day/night 처럼

export default랑 export의 차이는 알지
근데 export const a = () => {} 랑 export funciton() {} 이랑 차이가 있나 그냥 룰의 차이?

https://zenn.dev/doxper/articles/66b91dc8321802
프로그래머스에서

function solution(n)
{
    let answer = 0;
    const str = String(n); // 여기
    
    for (var i = 0; i < str.length; i++) {
        answer += parseInt(str[i]);
    }
    
    return answer;
}

이건 되는데

function solution(n)
{
    let answer = 0;
    const str = n.toString(); // 여기
    
    for (var i = 0; i < str.length; i++) {
        answer += parseInt(str[i]);
    }
    
    return answer;
}

이건 안되는 이유는 뭐임

https://stackoverflow.com/questions/58374623/when-to-use-react-hooks

자바스크립트에서 Date와 GMT, UTC, Unix 시간에 대해서 알아보기
가능하다면 시간을 확인하는 전세계적인 사이트 (ex. 넷플릭스, 스포티파이 등등 주로 구독제 서비스 사이트)는 시간을 어떻게 확인하는지, 무엇을 기준으로 하는지 알아보기.

예를 들어서,
한국(GMT+9)에서 1월 1일에 매달 말일에 결제되는 플랜을 결제하고
1월 31일 등 월말에 미국에 있다면 한국 기준으로 플랜이 결제되는가, 현지 시각으로 플랜이 결제 되는가?
한국 기준으로 플랜이 결제된다면 어떻게 그 기준을 정하는가?

if (!alert('메세지')){
// 생략
}

이렇게 쓰면 void라서 true/false로 못뜬다고 경고가 뜸
alert('메세지') === undefined로 쓰면 쓸 수 있긴한데 별로 좋은 방법은 아닌 것 같음...

아니요

• #39
  이거 작성하고보니 문득 든 생각
  리액트에서 라우팅은 어떻게 이루어지는걸까?
  기본적으로 "/" 으로 들어오면 인덱스 파일을 줄텐데
  그럼 리액트만으로 되어있는 웹 서버는 라우팅을 어떻게 해줌?
  리액트가 알아서 라우팅이 되도록 서버까지 다 완성을 시켜주는 건가?
  인덱스 파일과 라우팅은 상관이 없나?

https://www.zerocho.com/category/React/post/579b5ec26958781500ed9955

이게...뭐임? 이게 그 모듈인가 뭔가 하는 그거임?
근데 왜 해도 되는게 있고 안되는게 있는거임? 무슨 차이?

일단 모듈에 대한 MDN설명

빌드가 다 된 파일을 서버에 올리면 그걸로 끝..인거잖어?
express를 왜 쓰는건지 정확하게 설명을 못하겠네

이 기사를 읽고 대충 자바스크립트가 다른 언어와 어떤 점에서 다른지에 대해서 조금 알 것 같은데

그래서 ES6에서 등장한 클래스가 왜 "가장 큰 실수"라고 표현됐는지 알고 싶음
(더글라스 크록포드 왈 : 클래스는 ES6의 최대 실수다)

https://stackoverflow.com/questions/65189257/script-src-elem-being-reported-although-script-src-is-defined?noredirect=1&lq=1

1. 파폭이 기본적으로 script-src-elem 을 허용하지 않는다면 왜 그것과 관련된 문제 제기나 해결방법이 많이 없는건지
2. CSP3이 언제부터 적용된건지
3. script-src로 다 해결이 된다면 script-src-elem은 왜 쓰는건지...적용범위가 다르다는 건 알겠는데 파폭이 이렇게 script-src-elem을 막아버리면 별 도리가 없는게 아닌지

Discussed in https://github.com/mdgarden/CS-wiki/discussions/12