Skip to content

πŸ§‘πŸ»β€πŸŒΎ TIL Record Repo & FE μ‹€λ¬΄μ—μ„œ 마주 ν–ˆλ˜ νŠΈλŸ¬λΈ” μŠˆνŒ…κ³Ό κ²½ν—˜ 속 λŸ¬λ‹ 포인트

Notifications You must be signed in to change notification settings

leemember/FE_growing

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

65 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ‘©πŸ»β€πŸ’» FE Growing

TIL

  • λ‹€μ‹œ ν•œ 번 λ¦¬λ§ˆμΈλ”©ν•˜κΈ°

μžλ°”μŠ€ν¬λ¦½νŠΈ

πŸ“’ μžλ°”μŠ€ν¬λ¦½νŠΈ 톺아보기 1 (JS에 νŠΉμ§•λ“€...)

πŸ“• μžλ°”μŠ€ν¬λ¦½νŠΈ 톺아보기 2 (λ³€μˆ˜μ— λŒ€ν•œ λͺ¨λ“ κ²ƒ)

πŸ“˜ μžλ°”μŠ€ν¬λ¦½νŠΈ 톺아보기 3 (μ—°μ‚°μž)

πŸ“— μžλ°”μŠ€ν¬λ¦½νŠΈ 톺아보기 4 (μ œμ–΄λ¬Έ)

πŸ“™ μžλ°”μŠ€ν¬λ¦½νŠΈ 톺아보기 5 (ν•¨μˆ˜)

πŸ“ μžλ°”μŠ€ν¬λ¦½νŠΈ νŠΉμ§• 6 (κ°μ²΄λž€? / μƒμ„±μž ν•¨μˆ˜ / 객체 λ¦¬ν„°λŸ΄)

πŸ€– μžλ°”μŠ€ν¬λ¦½νŠΈ νŠΉμ§• 7 (클래슀)

πŸ”» μžλ°”μŠ€ν¬λ¦½νŠΈ νŠΉμ§• 8 (λ°°μ—΄ / κ³ μ°¨ν•¨μˆ˜)

πŸ”΄ μžλ°”μŠ€ν¬λ¦½νŠΈ νŠΉμ§• 9 (μ΄ν„°λŸ¬λΈ”κ³Ό μ œλ„ˆλ ˆμ΄ν„°)

🟨 μžλ°”μŠ€ν¬λ¦½νŠΈ νŠΉμ§• 10 (Mapκ³Ό Set)

🟠 μžλ°”μŠ€ν¬λ¦½νŠΈ νŠΉμ§• 11 (μ—°μ‚°μž)

🧩 μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ νŠΉμ§• 12 (주석, μ—λŸ¬μ²˜λ¦¬, λͺ¨λ“ˆν™”)

πŸ‘€ μžλ°”μŠ€ν¬λ¦½νŠΈ νŠΉμ§• 13 (비동기)

πŸ’“ μžλ°”μŠ€ν¬λ¦½νŠΈ λ©΄μ ‘ 단골 κ°œλ…λ“€ 1 (μŠ€μ½”ν”„, κ°€λΉ„μ§€ 컬렉터, λ ‰μ‹œμ»¬ ν™˜κ²½, ν˜Έμ΄μŠ€νŒ…, var λ³€μˆ˜, 엄격λͺ¨λ“œ)

πŸ“š μžλ°”μŠ€ν¬λ¦½νŠΈ λ©΄μ ‘ 단골 κ°œλ…λ“€ 2 (ν”„λ‘œν† νƒ€μž…)

😢 μžλ°”μŠ€ν¬λ¦½νŠΈ λ©΄μ ‘ 단골 κ°œλ…λ“€ 3 (클둜져)

πŸ‘©πŸ»β€πŸ’» μžλ°”μŠ€ν¬λ¦½νŠΈ λ©΄μ ‘ 단골 κ°œλ…λ“€ 4 (This)

πŸ™†πŸ»β€β™€οΈ μžλ°”μŠ€ν¬λ¦½νŠΈ λ©΄μ ‘ 단골 κ°œλ…λ“€ 5 (바벨)

ν”„λ‘ νŠΈμ—”λ“œκ°€ μ•Œμ•„μ•Όν•  μ›ΉλΈŒλΌμš°μ €μ— λŒ€ν•œ 것듀

⭐️ [λΈŒλΌμš°μ €] Web APIs (window)

νƒ€μž…μŠ€ν¬λ¦½νŠΈ

λ¦¬μ•‘νŠΈ

λ„€νŠΈμ›Œν¬

🟒 HTTP κΈ°λ³Έ, 역사, ν΄λΌμ΄μ–ΈνŠΈ μ„œλ²„ ꡬ쑰, λ¬΄μƒνƒœ ν”„λ‘œν† μ½œ, λΉ„ μ—°κ²°μ„±, HTTP λ©”μ‹œμ§€

🟒 HTTP κ°œλ… μ•Œμ•„κ°€κΈ° : IP ν”„λ‘œν† μ½œμ˜ ν•œκ³„

🟒 HTTP κ°œλ… μ•Œμ•„κ°€κΈ° (2) : PORT 와 DNS

CS (자료ꡬ쑰/μ•Œκ³ λ¦¬μ¦˜)

🍿 자료ꡬ쑰 κ°œλ… 정리 (1) μ‹œκ°„λ³΅μž‘λ„, λΉ…μ˜€ ν‘œκΈ°λ²•, λ°°μ—΄, μ—°κ²°λ¦¬μŠ€νŠΈ

🍿 자료ꡬ쑰 κ°œλ… 정리 (2) μŠ€νƒ, 큐, 덱, ν•΄μ‹œν…Œμ΄λΈ”, μ…‹


μ‹€λ¬΄μ—μ„œ λ§ˆμ£Όν–ˆλ˜ μ΄μŠˆλ“€μ„ μ–΄λ–»κ²Œ ν•΄κ²° ν–ˆλŠ”μ§€μ™€ κ²½ν—˜ 속 λŸ¬λ‹ ν¬μΈνŠΈμ— λŒ€ν•΄ κΈ°λ‘ν•©λ‹ˆλ‹€.

πŸ“[JS] User Agent λΈŒλΌμš°μ € 정보 μ–»κΈ°

πŸ“μˆ«μžν˜• 라이브러리 bigNumber. js μ‚¬μš©λ²•

πŸ“[iOS] scorll smooth λΉ„ν˜„μƒ

πŸ“² ν…ŒμŠ€νŠΈν° 디버깅 ν•˜λŠ” 방법

✨ 인기 TOP 10 코인 μžλ™ μŠ¬λΌμ΄λ“œ λͺ¨μ…˜μ˜ νŠΈλ ˆμ΄λ“œ μ˜€ν”„ (Trade-Off) 기둝

πŸ”Ž Reduxλž€..?

πŸ’“ useRef element (μš”μ†Œ) μž‘μ„ 경우

🚩 μ„œλΉ„μŠ€ λ©”μΈμ—μ„œ 툴팁 (말풍선) λ„μš°λ©΄μ„œ 배운점

🌚 닀크λͺ¨λ“œ κ΅¬ν˜„μ— μ•Œμ•„μ•Ό ν•  지식듀

πŸ”Ž 검색 κ΅¬ν˜„ ν•˜λ©΄μ„œ λŠλ‚€μ 

πŸ—ž 얕은볡사 κΉŠμ€λ³΅μ‚¬ κ°œλ…

πŸ‘‹ λ¦¬μ•‘νŠΈ hooks 쒋은 μ½”λ“œ μž‘μ„± 방식

πŸ‘» IntelliJ + git (컀밋내역 돌리기, 브런치 체크아웃)

πŸ‘©πŸ»β€πŸŽ€ Hooks μ’…λ₯˜μ— λ”°λ₯Έ μ‚¬μš©μ„€λͺ…법

πŸ”— κ°œλ°œν•  λ•Œ λ„μ›€λλ˜ κ²Œμ‹œκΈ€ (React, JS)

πŸ˜‡ λ¦¬μ•‘νŠΈ CRA μƒμ—μ„œ ν•«λ¦¬λ‘œλ“œ μ„€μ •

λ‘œμ»¬μ—μ„œ κΈ°λ³Έκ°’μœΌλ‘œ μ‚¬μš©ν•  git μ‚¬μš©μž 이름과 이메일 μ„€μ •(global μ˜΅μ…˜)

(React) ν•΄λ‹Ή μœ„μΉ˜(URL)에 μ ‘κ·Ό λΌμžˆμ„ μ‹œμ—λ§Œ 적용 ν•˜μž

☘️ 크둬(Chrome) 디버그 λ¨Ήν†΅μ‹œ 해결방법

πŸ•Ή [IntelliJ] 폴더 μ•ˆ 보이고 파일만 λ³΄μ΄λŠ” 버그 ν•΄κ²° 방법

πŸ“… datePicker μ‚¬μš©μ‹œ 였늘 λ‚ μ§œ 이후, 미래 λ‚ μ§œ disable 처리

πŸ’ [JS]숫자 κ°–κ³  λ†€μ•„λ³΄μž. μ†Œμˆ˜μ  λ°˜μ˜¬λ¦Όν•˜λŠ” 방법 λ“±λ“± μ™Έ

🧠[React] react-moment, moment.js μ‚¬μš©ν•˜μ—¬ μ‹€μ‹œκ°„μœΌλ‘œ λ³€κ²½λ˜λŠ” μ‹œκ°„

πŸ€΅πŸ»β€β™€οΈ 배포λ₯Ό μœ„ν•œ κ³Όμ •λ“€ (env... build...)

πŸ€– Lodash (λ°°μ—΄μ•ˆμ˜ 객체듀을 ν•Έλ“€λ§ν•˜κΈ° 쒋은 라이브러리)

☠️ react 반볡문 For둜 JSX λ¦¬ν„΄ν•˜κΈ°

🀲 Recoil μ‚¬μš©λ²• (index μž‘μ—…μ— μ μš©ν•΄λ³΄λ©΄μ„œ λŠλ‚€μ  λ“±λ“±..)

πŸ’© λ¦¬μ•‘νŠΈ 폴링 Polling ν•˜λŠ” 방법 !

🏍 [μΈν…”λ¦¬μ œμ΄] Prettier μ μš©ν•˜κΈ° (μ €μž₯ν•˜λ©΄ μžλ™μœΌλ‘œ 이쁘게 μ •λ ¬)

❗️ HTTP 주둜 λ°œμƒλ˜λŠ” μ—λŸ¬μ½”λ“œ

πŸͺ μΏ ν‚€λž€ ?

πŸ’Ώ 슀크둀 둀링 μŠ¬λΌμ΄λ“œ κ΅¬ν˜„ν•˜κΈ°

🍊 λͺ¨λ°”일일 λ•Œ ν…μŠ€νŠΈ κΈ΄κ±° ... 처리

☁︎ reactμ—μ„œ innerHTML μ‚¬μš©ν•˜κΈ°

⭐️ ν•΄λ‹Ή κ²Œμ‹œκΈ€ 클릭 μ‹œ νŒŒλΌλ―Έν„° id 값에 맞좰 μ½˜ν…μΈ  λ§΅ν•‘λ˜κΈ°

❀️‍πŸ”₯ λ‘œμ»¬μŠ€ν† λ¦¬μ§€ window.localStorage

πŸ’œ React JSX 상 첨뢀 파일 λ‹€μš΄λ‘œλ“œ ν•˜κΈ°

πŸ–‡ 링크 λ³΅μ‚¬ν•˜κΈ° κ΅¬ν˜„ν•˜κΈ°

β€οΈβ€πŸ©Ή SNS μ†Œμ…œ κ³΅μœ ν•˜κΈ° μž‘μ—…ν•˜κΈ°

πŸ§β€β™€οΈ Kakao μ†Œμ…œ 연동 API μž‘μ—…ν•  λ•Œ

🐣 데이터가 proxy ν˜•νƒœλ‘œ 값이 좜λ ₯ 될 경우 toJS()

πŸ€¦πŸ»β€β™€οΈ μ„œλ²„ μ£½μ—ˆλŠ”μ§€ μ‚΄μ•˜λŠ”μ§€ ν™•μΈν•˜λŠ” 방법

πŸ”» λ¦¬λˆ…μŠ€ μœ μš©ν•œ 터미널 λͺ…λ Ήμ–΄

🟑 μ ˆλŒ€κ²½λ‘œ ../../ 이런거 없이 디렉토리 경둜 κΉ”λ”ν•˜κ²Œν•˜κΈ°

git μœ μš©ν•œ λͺ…λ Ήμ–΄ λͺ¨μŒμ§‘

🚌 데이터 fetchingμ‹œ config νŒŒλΌλ―Έν„° κ°’ 뢈러올 λ•Œ

πŸ€– λ Œλ”λ§ ν•  DOMλ…Έλ“œμ— dangerouslySetInnerHTML νƒœκ·Έ μ‚¬μš©μ‹œ purify μ‚¬μš©ν•˜μž

πŸ™ƒ HTML 이메일 ν…œν”Œλ¦Ώ 폼 μž‘μ—… μ‹œ μœ μ˜μ‚¬ν•­


About

πŸ§‘πŸ»β€πŸŒΎ TIL Record Repo & FE μ‹€λ¬΄μ—μ„œ 마주 ν–ˆλ˜ νŠΈλŸ¬λΈ” μŠˆνŒ…κ³Ό κ²½ν—˜ 속 λŸ¬λ‹ 포인트

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published