23년 8월 19일

[wherehows]

Form && multipart/form-data

• https://dmitripavlutin.com/react-forms-tutorial/
• https://codingbeautydev.com/blog/react-get-form-input-value-on-submit/#google_vignette
• https://www.geeksforgeeks.org/define-multipart-form-data/
• https://stackoverflow.com/questions/46952608/why-not-use-enctype-multipart-form-data-always
• https://stackoverflow.com/questions/4526273/what-does-enctype-multipart-form-data-mean/28380690#28380690
• https://stackoverflow.com/a/28380690/19204745
• https://saturncloud.io/blog/what-is-the-correct-json-content-type/#json-content-types

printable character & Non printable character

• printable character와 non printable character
• non printable character의 예

multipart/form-data는 인코딩을 안하는데 네트워크를 통해서 데이터를 전달하려면 base64 인코딩을 해야한다며

multipart/form-data와 x-www-form-urlencoded의 차이와 언제 써야하는지

ASCII, UNICODE, UTF8

• https://blog.hubspot.com/website/what-is-utf-8
• https://medium.com/@apiltamang/unicode-utf-8-and-ascii-encodings-made-easy-5bfbe3a1c45a

Blob Data & File Reader && Base 64 Encoding

• https://heropy.blog/2019/02/28/blob/
• https://developer.mozilla.org/en-US/docs/Web/API/FileList
• FileReader란
• https://developer.mozilla.org/ko/docs/Web/API/FileReader/readAsDataURL
• Blob vs File Object
• Base 64를 하는 방법
• Base 64를 하는 이유
• 파일을 특정 Path로 다운받는 방법

Base64는 바이너리 데이터를 아스키 데이터로 바꾼다. Base64를 하는 이유는 이메일 프로토콜의 경우 아스키 코드만 사용이 가능하다(맞는진 모르겠지만 non printable character를 네트워크를 통해서 전송하기 위해서이다). 이미지는 보통 많은 non printable character를 포함하고 있다.

Design

• https://www.emotion.co.kr/magazine/42/
• https://www.youtube.com/watch?v=_vL7XQcUAqY&t=786s
• https://www.figma.com/file/huFGJuhU99f2DvjA5myDDg/%5B%EC%98%88%EC%A0%9C%5D-%EB%94%94%EC%9E%90%EC%9D%B8-%EC%8B%9C%EC%8A%A4%ED%85%9C-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-(Community)?type=design&node-id=0-1&mode=design&t=JjecMR9HG7MSDPoQ-0
• https://m3.material.io/styles/typography/type-scale-tokens

폰트

• https://www.pluralsight.com/blog/creative-professional/differences-between-font-formats
• https://sgtype.com/blogs/magazine/otf-ttf-woff-font-format-difference
• https://www.browserstack.com/guide/variable-fonts-vs-static-fonts
• https://creativemarket.com/blog/the-missing-guide-to-font-formats
• https://en.wikipedia.org/wiki/Embedded_OpenType
• https://d2.naver.com/helloworld/4969726
• https://brunch.co.kr/@type-n-blank/3
• https://graphicdesign.stackexchange.com/questions/45162/what-is-the-difference-between-glyph-and-font

OAuth

• https://tecoble.techcourse.co.kr/post/2021-07-10-understanding-oauth/
• https://developers.kakao.com/docs/latest/ko/kakaologin/js
• https://stackoverflow.com/a/71502764
• https://yonghyunlee.gitlab.io/temp_post/oauth-Implicit/
• https://velog.io/@entry_dsm/%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EB%82%9C-%EB%B6%80%EB%9F%BD%EC%A7%80%EA%B0%80-%EC%95%8A%EC%96%B4

accesstoken은 클라이언트에서 가지고 있으면 안된다.

• https://stackoverflow.com/questions/44324080/how-to-store-access-token-oauth-2-auth-code-flow

Nextjs 13버젼

• https://www.freecodecamp.org/news/react-server-components-for-beginners/

npm scope

• https://kdydesign.github.io/2020/08/31/npm-scope-tutorial/

특정 카테고리에 대해 TIL을 할 때 필요한 부분

1. 분류가 필요
2. 질문이 필요
3. 링크들이 필요
4. 요약문이 필요
5. 경우에 따라 사진이 필요
6. 제목이 필요 (없는 경우 카테고리)