ALL (119) μΈλ€μΌν 리μ€νΈν [ν¨ν€μ§λ§€λμ ] npmμ΄λ? π npm(Node Package Manager)μ΄λ? λ§ κ·Έλλ‘ 'λ Έλ ν¨ν€μ§ 맀λμ 'λ‘, νΉμ κΈ°λ₯μ νλ μλ° μ€ν¬λ¦½νΈ ν¨ν€μ§κ° νμνλ©΄ npmμμ μ°Ύμ μ€μΉνλ©΄ λλ€. ν¨ν€μ§κ° λ€λ₯Έ ν¨ν€μ§λ₯Ό μ¬μ©ν μλ μλλ° μ΄λ₯Ό 'μμ‘΄ κ΄κ³'λΌκ³ νλ€. π npm vs yarn yarnμ νμ΄μ€λΆμμ λ§λ ν¨ν€μ§ 맀λμ μ΄λ€. npmμ μΌκ΄μ±, 보μ, λΉλμ μ±λ₯ λ±μ λ¬Έμ λ₯Ό ν΄κ²°νκΈ° μν΄ yarnμ λ§λ€μλ€. npmμ ν¨ν€μ§λ€μ΄ μ½λλ₯Ό μλμ μΌλ‘ μ¦μ μ€ννλ κ²μ νμ©ν λΏλ§ μλλΌ μμ‘΄μ±λ€λ μ¦μ μλμ μΌλ‘ μ€νλμ΄ νΈλ¦¬ν¨μ μ 곡νκΈ°λ νμ§λ§, 보μμ μνμ΄ μμ μ μλ€. μ΄μ λ€λ₯΄κ² yarnμ μ€μ§ yarn.lock νΉμ package.jsonλ‘ λΆν° μ€μΉλμ΄ yarn.lockμ λͺ¨λ μ₯μΉλ€μ΄ κ°μ ν¨.. νλ‘μΈμ€(Process) vs μ€λ λ(Thread) μ°¨μ΄μ νλ‘μΈμ€λ μμ ν λ 립μ μ΄κΈ° λλ¬Έμ μμ(μ½λ, λ°μ΄ν°, ν, μ€ν)μ λ€λ₯Έ νλ‘μΈμ€μ 곡μ νμ§ μλλ€. μ€λ λλ λ³λμ μ€ν νλ¦μ μ μ§νκΈ° μν΄ μ€νλ§ λ 립μ μΌλ‘ μ μ§νκ³ , κ·Έ μ΄μΈμ μμμ λ€λ₯Έ μ€λ λμ 곡μ νλ€. νλ‘μΈμ€λ μ΄μ체μ κ΄μ μμμ μ€ν νλ¦μ ꡬμ±νκ³ , μ€λ λλ νλ‘μΈμ€ λ΄μμμ μ€ν νλ¦μ ꡬμ±νλ€. ν¨μν νλ‘κ·Έλλ°μ΄λ? π ν¨μν νλ‘κ·Έλλ°(Fuction Programming) μ΄λ? μμ ν¨μλ₯Ό μ‘°ν©νμ¬ ν¨μμ κ³μ°μ ν΅ν΄ λ‘μ§μ ꡬμ±νλ νλ‘κ·Έλλ° λ°©λ²μ΄λ€. π μμν¨μλ? μΈλΆμμΈμ μν₯μ λ°μ§ μμ, κ°μ μ λ ₯μ νμ κ°μ μΆλ ₯μ λ°ννκΈ° λλ¬Έμ λΆμμ©μ΄ μλ€. π κ°μ²΄ μ§ν₯ νλ‘κ·Έλλ° vs ν¨μν νλ‘κ·Έλλ° κ°μ²΄ μ§ν₯ νλ‘κ·Έλλ°μμ ν¨μλ μ΄λ»κ²(How) ν΄μΌ νλμ§λ₯Ό λνλ΄κ³ , νΉμ λμμ μννλ μν μ λ΄λΉνλ€. ν¨μν νλ‘κ·Έλλ°μμ ν¨μλ 무μμ(What) ν΄μΌ νλμ§λ₯Ό λνλ΄κ³ , κ³μ°μ νλ μν μ λ΄λΉνλ€. (π©) ν¨μν νλ‘κ·Έλλ°μ μ¬μ©ν΄ λ³Έ μ μ΄ μμ΄μ κΈμ μ½μ΄λ μ΄ν΄κ° μ μ λλλ° μ΄ λμμμ΄ λ§μ΄ λμ λλ€ π www.youtube.com/watch?v=jVG5jvOzu9Y&t=2s π μ°Έ.. κ°μ²΄ μ§ν₯ νλ‘κ·Έλλ°μ΄λ? (OOP) / νΉμ§ π κ°μ²΄ μ§ν₯ νλ‘κ·Έλλ° (Object Oriented Programming) μ΄λ? νλ‘κ·Έλλ°μμ νμν λ°μ΄ν°λ₯Ό μΆμνμμΌ κ³ μ ν νΉμ±κ³Ό νμλ₯Ό κ°μ§ κ°μ²΄λ₯Ό λ§λ€κ³ , κ·Έ κ°μ²΄λ€ κ°μ μ κΈ°μ μΈ μνΈμμ©μ ν΅ν΄ λ‘μ§μ ꡬμ±νλ νλ‘κ·Έλλ° λ°©λ²μ΄λ€. π κ°μ²΄ μ§ν₯ νλ‘κ·Έλλ°μ νΉμ§ β μμ : μμ κ°μ²΄μ λ³μλ λ©μλλ₯Ό νμ κ°μ²΄κ° λ¬Όλ € λ°μ μ¬μ©ν μ μλ€. μ½λμ μ€λ³΅ μμ±μ λ°©μ§νλ€. β‘ λ€νμ± : κ°μ μ΄λ¦μ λ©μλκ° ν΄λμ€ νΉμ κ°μ²΄μ λ°λΌ λ€λ₯΄κ² ꡬνλ μ μλ€. β’ μΊ‘μν : κ°μ²΄λ₯Ό μΊ‘μλ‘ μΈμ κ·Έ λ΄λΆλ₯Ό 보νΈνκ³ λ³Ό μ μκ² νλ€. μΈλΆμ μ κ·ΌμΌλ‘λΆν° μμ νλ€. κ΄λ ¨λ κΈ°λ₯κ³Ό νΉμ±μ ν κ³³μ λͺ¨μΌκ³ λΆλ₯νκΈ° λλ¬Έμ μ½λ μ¬νμ©μ μννλ€. Javaμμ Classκ° μ΄ μν μ νλ€. β£ μΆμ.. [HTTP] HTTP νλ‘ν μ½μ΄λ? π μΉ νλ‘ν μ½μ΄λ? μΉμμ μ°μ΄λ ν΅μ κ·μ½μΌλ‘, ν΅μ μ ν λ λ©μΈμ§λ₯Ό μ£Όκ³ λ°λ μμκ³Ό κ·μΉ 체κ³λ₯Ό μλ―Ένλ€. π Http νλ‘ν μ½μ΄λ? μΉ μμμ λ©μΈμ§λ₯Ό μ£Όκ³ λ°κΈ° μν΄ μλ²-ν΄λΌμ΄μΈνΈ λͺ¨λΈμ λ°λ₯΄λ νλ‘ν μ½μ΄λ€. ν΄λΌμ΄μΈνΈμμ μμ²μ 보λ΄λ©΄ μλ²λ μμ²μ μ²λ¦¬ν΄μ μλ΅νλ€. π Http 1.1 vs 2.0 μλμ μ°¨μ΄μ΄λ€. Http 2.0μ ν€λλ₯Ό μμΆν΄ 보λ΄κΈ°λ νκ³ , ν λ²μ μ°κ²°λ‘ λμμ μ¬λ¬κ°μ λ©μΈμ§λ₯Ό μ£Όκ³ λ°μ μ μμ΄ λΉ λ₯΄λ€. π Http ν΅μ vs Https ν΅μ 보μμ μ°¨μ΄μ΄λ€. Http ν΅μ λ°©μμ λ€νΈμν¬ μμμ λκ΅°κ°κ° λ§μλλ‘ μ΄λ, μμ μ΄ κ°λ₯νλ€. Https ν΅μ λ°©μμ ν΄λΌμ΄μΈνΈμ μλ² μ¬μ΄μ λͺ¨λ ν΅μ λ΄μ©μ μνΈννμ¬ λκ΅°κ°κ° λ³Ό μ μλλ‘ λ§λλ€. π HTTP .. [HTTP] μΏ ν€, μΈμ , μΊμλ? / μ°¨μ΄μ π μΏ ν€(Cookie)λ? μΏ ν€λ μ¬μ©μκ° μ΄λ ν μΉ μ¬μ΄νΈλ₯Ό λ°©λ¬Έν κ²½μ°, μ¬μ©μμ μ»΄ν¨ν°μ μ μ₯λλ κΈ°λ‘ μ 보 νμΌμ μλ―Ένλ€. λ΄κ° μμλ‘ κ³ μΉκ±°λ μ§μΈ μ μκ³ , λ¨μ΄ νμ³λ³΄κ±°λ λλμ§ νκΈ° μ¬μ 보μμ λ¬Έμ κ° μμ μ μλ€. π μΈμ (Session)μ΄λ? μΈμ μ΄λ μ¬μ©μκ° μ΄λ ν μΉ μ¬μ΄νΈλ₯Ό λ°©λ¬Έν κ²½μ°, μΉ μ¬μ΄νΈκ° μ¬μ©νκ³ μλ μΉ μλ²μ μ μ₯λλ κΈ°λ‘ μ 보 νμΌμ μλ―Ένλ€. μΈμ μ μ¬μ©νκ³ μλ μΉ μ¬μ΄νΈλ₯Ό λ°©λ¬Ένλ©΄ μλ²μμλ μ¬μ©μλ₯Ό ꡬλΆνκΈ° μν κΈ°νμ΄ μ§§μ μμ ν€ νλλ₯Ό λΈλΌμ°μ μ 보λ΄μ μΏ ν€μ μ μ₯νλ€. μ¬μ©μμ μ λ³΄κ° μΉ μλ²μ μ μ₯λκΈ° λλ¬Έμ 보μμ κ°νλ€. π μΊμ(Cache)λ? κ°μ Έμ€λλ° λΉμ©μ΄ λλ(λ°μ΄ν° μ¬μ©λ, μκ° λ±) ν λ² λ°μμ¨ λ°μ΄ν°λ₯Ό μ μ₯νλ κΈ°μ΅ μ₯μΉ π.. [HTTP] APIλ? REST(RESTful) APIλ? π API(Application Programing Interface)λ? μ΄μ체μ λ νλ‘κ·Έλλ° μΈμ΄κ° μ 곡νλ κΈ°λ₯μ μμ© νλ‘κ·Έλ¨μ μ¬μ©ν μ μλλ‘ ν΄μ£Όλ μ΄ν리μΌμ΄μ νλ‘κ·Έλλ° μΈν°νμ΄μ€μ΄λ€. π REST(RESTful) APIλ? 'REST'λ μμμ μ΄λ¦μΌλ‘ ꡬλΆνμ¬ μμμ μνλ₯Ό μ£Όκ³ λ°λ λͺ¨λ κ²μ μλ―Ένλ€. RESTλ₯Ό μΆ©μ‘±νλ APIλ₯Ό REST APIλΌκ³ νλ€. HTTP URIλ₯Ό ν΅ν΄ μμμ λͺ μνκ³ , HTTP CRUD λ©μλλ₯Ό ν΅ν΄ ν΄λΉ μμμ λν CRUDλ₯Ό μ μ©νλ€. π HTTP CRUD λ©μλ β GET : μλ² μμμ κ°μ Έμ¨λ€. β‘ POST : μλ²μ μμμ μλ‘ λ±λ‘νλ€. β’ PUT : μλ² μμμ μμ²μ λ€μ΄ μλ μμμΌλ‘ λ°κΎΌλ€. β£ PATCH : μλ² μμμ μΌλΆ μμ νλ€.. [HTTP] λΈλΌμ°μ λ λλ§ κ³Όμ π Browser Rendering(λΈλΌμ°μ λ λλ§)μ΄λ? μ¬μ©μμ μμ²μ μλ²μ μ λ¬νκ³ κ·Έ κ²°κ³Όλ₯Ό νλ©΄μ λνλ΄λ κ³Όμ μ μλ―Ένλ€. π Parsing(νμ±)μ΄λ? λΈλΌμ°μ κ° μ½λλ₯Ό μ΄ν΄νκ³ μ¬μ©ν μ μλ κ΅¬μ‘°λ‘ λ³ννλ κ²μ μλ―Ένλ€. π DOM(λ)μ΄λ? DOM(λ)μ΄λ? Virtual DOM(κ°μ λ)μ΄λ? π DOM(λ)μ΄λ? 'Document Object Model'. HTML, XML λ¬Έμμ νλ‘κ·Έλλ° μΈν°νμ΄μ€μ΄λ€. λ¬Έμμ ꡬ쑰νλ ννμ μ 곡νλ©° νλ‘κ·Έλλ° μΈμ΄κ° DOM ꡬ쑰μ μ κ·Όν μ μλ λ°©λ²(API)μ μ 곡νμ¬ λ¬Έμ ꡬ쑰, devjindev.tistory.com π λΈλΌμ°μ λ λλ§ κ³Όμ β HTML νμμ HTML μ½λκ° λ€μ΄μ€λ©΄, μ΄κ²μ νμ±νμ¬ DOM νΈλ¦¬λ₯Ό μμ±νλ€. β‘ C.. μ΄μ 1 Β·Β·Β· 11 12 13 14 15 λ€μ