μΆμ² λ° μμΈν λ΄μ©: https://velog.io/@yh20studio/CS-Http-Method-%EB%9E%80-GET-POST-PUT-DELETE 1. GET GET λ©μλλ μ£Όλ‘ λ°μ΄ν°λ₯Ό μ½κ±°λ(Read) κ²μ(Retrieve)ν λμ μ¬μ©λλ λ©μλμ΄λ€. μλ¬κ° λ°μνλ©΄ μ£Όλ‘ 404 (Not found) μλ¬λ 400 (Bad request) μλ¬κ° λ°μνλ€. HTTP λͺ μΈμ μνλ©΄ GET μμ²μ μ€λ‘μ§ λ°μ΄ν°λ₯Ό μ½μ λλ§ μ¬μ©λκ³ μμ ν λλ μ¬μ©νμ§ μλλ€. GET μμ²μ idempotent νλ€. κ°μ μμ²μ μ¬λ¬ λ² νλλΌλ λ³ν¨μμ΄ νμ κ°μ μλ΅μ λ°μ μ μλ€. λ°μ΄ν°λ₯Ό λ³κ²½νλ μ°μ°μ μ¬μ©νλ©΄ μλλ€. GET /user/1 2. POST POST λ©μλλ μ£Όλ‘ μλ‘μ΄ λ¦¬μμ€λ₯Ό ..
https://cocobi.tistory.com/35 [JS] μλ°μ€ν¬λ¦½νΈλ‘ CSS μμ± λ³κ²½νκΈ° μλ°μ€ν¬λ¦½νΈμμ λ무 λ§μ CSSλ³κ²½μ νκ² λλ©΄ μ±λ₯ μ΄μκ° λ°μν μ μλ€κ³ νλ€. CSSμμ λ³κ²½ν μ μλ€λ©΄ μ΅λν CSSμμ μ§μ μ²λ¦¬νλλ‘ νμ. [ JavaScriptμμ DOM κ°μ²΄ μ ν ] document.getEleme cocobi.tistory.com
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/enc2Oj/btrMrSnkwB3/BLErW1LnEBboxqoiDTPXSk/img.png)
π‘ μλ°μ€ν¬λ¦½νΈλ? μλ°μ€ν¬λ¦½νΈλ HTML, CSSμ ν¨κ» μΉμ ꡬμ±νλ μμ μ€ νλλ‘ μΉ λΈλΌμ°μ μμ λμνλ μ μΌν νλ‘κ·Έλλ° μΈμ΄μ΄λ€ μλ°μ€ν¬λ¦½νΈλ κ°λ°μκ° λ³λμ μ»΄νμΌ μμ μ μννμ§ μλ μΈν°νλ¦¬ν° μΈμ΄μ΄λ€ ν΄λμ€κ° μ‘΄μ¬νμ§ μλ νλ‘ν νμ κΈ°λ°μ κ°μ²΄μ§ν₯ μΈμ΄μ΄λ€( Edition 6μμλ Classκ°λ μ§μλ¨) π‘ μλ°μ€ν¬λ¦½νΈ μ μΈ srcμμ±μ μΈλΆμ μλ°μ€ν¬λ¦½νΈ νμΌμ HTMLλ¬Έμμ ν¬ν¨ν λ μ¬μ©νλ©° μλ΅ κ°λ₯ν¨ λν μλ°μ€ν¬λ¦½νΈλ HTMLνμΌ λ΄λΆμ μ νκ·Έ μμ μμΉν μ μλ€ μΉ λΈλΌμ°μ κ° HTMLλ¬Έμλ₯Ό μμ°¨μ μΌλ‘ ν΄μ(parsing)νλ―λ‘ μ€ν¬λ¦½νΈ μμΉμ λ°λΌ λ‘λμ μ€ν μμ μ΄ λ¬λΌμ§λ€ μ μμΉ: λΈλΌμ°μ μ κ°μ’ μ μΆλ ₯ λ°μ μ΄μ μ μ΄κΈ°νλλ―λ‘ λΈλΌμ°μ κ° λ¨Όμ μ κ²ν¨ μ μμΉ:..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/rOkNk/btrMrSVazPQ/cAoQ1q8FmUbmxCdrZMPtEK/img.png)
Column Column Column μμ μμμλ μ¬μ μ μλ 그리λ ν΄λμ€λ₯Ό μ¬μ©νμ¬ λͺ¨λ κΈ°κΈ°μ λ·°ν¬νΈμ λμΌν λλΉμ μ΄ 3κ°λ₯Ό λ§λλλ€. μ΄λ¬ν μ΄μ λΆλͺ¨ .containerκ° μλ νμ΄μ§ μ€μμ μμ΅λλ€. 그리λ μ΅μ Bootstrapμ 그리λ μμ€ν μ 6κ°μ κΈ°λ³Έ μ€λ¨μ κ³Ό μ¬μ©μ μ μν λͺ¨λ μ€λ¨μ μ κ±Έμ³ μ μν μ μμ΅λλ€. 6κ°μ κΈ°λ³Έ 그리λ κ³μΈ΅μ λ€μκ³Ό κ°μ΅λλ€ ν μ΄μ λλΉ μ€μ flexbox 그리λ μ΄μ λν μλ λ μ΄μμμ λν ν μ΄μ λλΉλ₯Ό μ€μ νκ³ νμ μ΄μ΄ μ£Όμμμ μλμΌλ‘ ν¬κΈ°λ₯Ό μ‘°μ νλλ‘ ν μ μμμ μλ―Έν©λλ€. 1 of 3 2 of 3 (wider) 3 of 3 1 of 3 2 of 3 (wider) 3 of 3 νμ΄ λ°μν .row-cols-* ν΄λμ€λ₯Ό μ¬μ©νμ¬ ..