λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

πŸ“š

 (31)
객체 지ν–₯ ν”„λ‘œκ·Έλž˜λ°μ΄λž€? (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..
ν”„λ‘ νŠΈμ—”λ“œ(Front-End) vs λ°±μ—”λ“œ(Back-End) 차이점 πŸ”— ν”„λ‘ νŠΈμ—”λ“œ 개발자 (Front-End Developer) - ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžλŠ” μ‚¬μš©μžκ°€ λ³΄λŠ” 화면을 κ°œλ°œν•©λ‹ˆλ‹€. - 주둜 λ ˆμ΄μ•„μ›ƒ, ν…μŠ€νŠΈ, 컬러, κ·Έλ¦Ό λ“±μ˜ UIλ₯Ό ν¬ν•¨ν•œ μ›Ή νŽ˜μ΄μ§€λ₯Ό λ§Œλ“€κ³ , μ‚¬μš©μžμ™€μ˜ μƒν˜Έμž‘μš©μ„ μ²˜λ¦¬ν•˜λŠ” 역할을 ν•©λ‹ˆλ‹€. - HTML, CSS, JavaScript 등을 μ‚¬μš©ν•©λ‹ˆλ‹€. πŸ”— λ°±μ—”λ“œ 개발자 (Back-End Developer) - λ°±μ—”λ“œ κ°œλ°œμžλŠ” μ‚¬μš©μžκ°€ 보지 λͺ»ν•˜λŠ” 데이터, μ„œλ²„ 등을 μ²˜λ¦¬ν•˜κ³  κ°œλ°œν•©λ‹ˆλ‹€. - 주둜 DB(λ°μ΄ν„°λ² μ΄μŠ€)에 데이터λ₯Ό 적재·κ΄€λ¦¬ν•˜κ³ , κ·Έ 데이터듀을 ν†΅ν•΄μ„œ ν™œμš©κ°€λŠ₯ν•œ APIλ₯Ό λ§Œλ“œλŠ” 역할을 ν•©λ‹ˆλ‹€. - Java, PHP, Python, Go, Kotlin 등을 μ‚¬μš©ν•©λ‹ˆλ‹€. πŸ”— ν’€μŠ€νƒ 개발자 (Full-Stack Developer) - ν’€μŠ€νƒ 개..
HTML / CSS / JavaScript 의 μ—­ν•  및 차이점 πŸ”— HTML (Hypertext Markup Language) - μ›Ή λ¬Έμ„œλ₯Ό λ§Œλ“€κΈ° μœ„ν•˜μ—¬ μ‚¬μš©ν•˜λŠ” 기본적인 μ›Ή μ–Έμ–΄ - μ›Ήμ˜ λΌˆλŒ€, ꡬ쑰λ₯Ό μ„€κ³„ν•˜λŠ” μ—­ν•  πŸ”— CSS (Cascading Style Sheets) - μ›Ή λ¬Έμ„œμ˜ μ „λ°˜μ μΈ μŠ€νƒ€μΌμ„ 미리 μ €μž₯ν•΄ λ‘” μŠ€νƒ€μΌμ‹œνŠΈ - HTML에 μ‚΄κ³Ό μ˜·μ„ μž…ν˜€ 웹을 κΎΈλ©°μ£ΌλŠ” μ—­ν•  (색깔, 글씨체 λ“± λ””μžμΈ μš”μ†Œ) πŸ”— JavaScript - μ›Ή λ¬Έμ„œμ˜ λ™μž‘μ„ λ‹΄λ‹Ήν•˜λŠ” 크둜슀 ν”Œλž«νΌ(cross platform), 객체지ν–₯ 슀크립트 μ–Έμ–΄ - μ›Ήμ˜ 동적(μ‹œκ°μ  λ³€ν™”) λ°˜μ‘μ„ μ²˜λ¦¬ν•˜λŠ” μ—­ν•  더 μ΄ν•΄ν•˜κΈ° μ‰½κ²Œ 우리 'λͺΈ'을 예λ₯Ό λ“€μ–΄ μ„€λͺ…ν•΄ 보도둝 ν•˜κ² μŠ΅λ‹ˆλ‹€! HTML은 λͺΈμ˜ 뼈 CSSλŠ” 뼈λ₯Ό κ°μ‹ΈλŠ” μ‚΄κ³Ό 옷 JavaScriptλŠ” λͺΈμ„ μ›€μ§μ΄λŠ” 동적 λ°˜μ‘ 이라고 ν•  수 μžˆκ² λ„€..

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”