μ 체 보기80 [TIL] CSS / Sass / SCSS μ°¨μ΄μ μμ보기 What is CSS ? CSSλ Cascading Style Sheetsμ μ½μ΄μ΄κ³ , μ΄λ μΉνμ΄μ§λ₯Ό κΎΈλ―Έλ €κ³ μμ±νλ μ½λμ΄λ€. μ΄λ μ λ μΉ κ°λ°μ 곡λΆν μ¬λμ΄λΌλ©΄ νλ‘ νΈμλ, λ°±μλ κ°λ°μλ₯Ό λ§λ‘ νκ³ CSSλΌλ κ²μ ννλ€ λ€μ΄λ΄€μ κ²μ΄λ€. 곡μλ¬Έμμ μνλ©΄ CSSλ νλ‘κ·Έλλ° μΈμ΄κ° μλκ³ , Stylesheet μΈμ΄λΌκ³ νλ€. CSSλ₯Ό ν΅ν΄ HTML λ¬Έμμ μλ μμλ€μ μ νμ μΌλ‘ μ€νμΌμ μ μ©μν¬ μ μλ€. .list { width: 100px; float: left; } li { color: red; background: url("./image.jpg"); } li:last-child { margin-right: -10px; } CSSλ λ무 μ΅μν΄ Sass μ SCSSλ 무μμΌκΉ ?? S.. 2023. 6. 3. [TIL] REST-APIμ GraphQL-APIμ μ°¨μ΄μ GraphQLμ΄λ? GraphQLμ μ΅κ·Ό κ°λ°μλ€ μ¬μ΄μμ λΉ λ₯Έ μλλ‘ μΈκΈ°κ° μμΉ μ€μ΄λ€. μ΄ GraphQLμ 2012λ μ νμ΄μ€λΆμμ λ§λ 쿼리 μΈμ΄μ΄λ€. SQLμ QLμ΄ Query Languageμ μλ―Ένλλ° SQLμ λ°μ΄ν°λ² μ΄μ€ μμ€ν μ μ μ₯λ λ°μ΄ν°λ₯Ό ν¨μ¨μ μΌλ‘ κ°μ Έμ€λ κ²μ΄ λͺ©μ μ΄λΌλ©΄, μ΄ GraphQLμ μΉ ν΄λΌμ΄μΈνΈκ° μλ²λ‘λΆν° λ°μ΄ν°λ₯Ό ν¨μ¨μ μΌλ‘ κ°μ Έμ€λ κ²μ λͺ©μ μΌλ‘ λ§λ 쿼리 μΈμ΄μΈ κ²μ΄λ€. μ΄ GraphQLμ νμ¬ Facebook, Airbnb, Github λ±μ μ λͺ ν μ¬μ΄νΈμμ μ¬μ© μ€μΈ ν΅μ λ°©λ²μ΄λΌκ³ νλ€. REST-APIλ₯Ό λκ³ μ?? κ·Έλ λ€λ©΄ μ¬λλ€μ΄ ν΅μμ μΌλ‘ λ§μ΄λ€ μ¬μ©νκ³ μλ REST-APIλ₯Ό λκ³ μ GraphQLμ μ¬μ©νλ κ²μΈμ§ κΆκΈνλ€. REST-APIμ G.. 2023. 2. 28. [TIL] νλ‘μ νΈ μμ μ git λͺ λ Ήμ΄ μ 리νκΈ° μΈνΌ 2νκΈ°μ λ€μ΄μ¨ νμ¬ μ²« νλ‘μ νΈ 1μ£Όμ°¨λ₯Ό μ§ν μ€μ΄λ€. μ°λ¦¬νμ νλ‘ νΈμλ κ°λ°μ 3λͺ , λ°±μλ κ°λ°μ 3λͺ μ΄λ κ² μ΄ 6μΈμΌλ‘ ꡬμ±λμ΄ μλ€. νμ¬λ νλ‘μ νΈ κΈ°νλ¨κ³μ μλλ° κΈ°ννλ κ² μ € 머리μνκ³ μ΄λ €μ΄ κ² κ°λ€... νμνκ³ μ견 μ‘°μ¨ν΄κ°λ€λ³΄λ©΄ ν루 λλ±..!! μ’μμΌλ©΄ κ°λ° λ¨κ³μ μ μ΄λ€ν λ° κ·Έ μ μ νμ μ μν΄ μ¬μ©ν gitμ λͺ λ Ήμ΄λ€μ μ 리ν΄λ³΄λ©΄ μ’μ κ² κ°μ μλ‘μ½λ‘¬ ν¬μ€νΈλ₯Ό μ¬λ¦¬κ² λμλ€. gitμ΄λ? gitμ μννΈμ¨μ΄λ₯Ό κ°λ°ν λ μμ€μ½λλ₯Ό ν¨κ³Όμ μΌλ‘ κ΄λ¦¬ν μ μκ² ν΄μ£Όλ νμ κ΄λ¦¬ λꡬ μ€ νλμ΄λ€. μ΄ gitμ μ¬μ©νλ©΄ κ°μ μ μ₯μμμ μ¬λΏμ΄ λμμ μμ νλ λ³λ ¬ κ°λ°μ΄ κ°λ₯νλ€. Branch(λΈλμΉ) gitμ μ¬μ©νλ€ λ³΄λ©΄ λΈλμΉ(Branch)λΌλ κ²μ΄ μλλ° μ΄λ .. 2023. 1. 14. [νκ³ ] SSAFY 1νκΈ° λ§λ¬΄λ¦¬ νκ³ λμ κ·Όν© μ§μ§μ§μ§μ§μ§ λ무λ무λ무λ무λ무 μ€λλ§μ ν¬μ€νΈλ₯Ό μμ±νκ² λμλ€. λ΄ μλ κ³νμ 곡λΆνλ λ΄μ©μ μ 리νλ©° ν¬μ€νΈλ₯Ό μ΅λν μμ£Ό μμ±νλ κ²μ΄μμ§λ§,,, κ²μΌλ₯Έ JμΈ λμκ² μ¬μΉμλ보λ€...^^ μΈνΌμ μ κ³Όνκ³ μ²« νκ³ λ₯Ό μμ±νμ§ λ²μ¨ 4κ°μμ΄λ μκ°μ΄ νλ λ€. μ λ²λ¬ λ§μ 1νκΈ°λ₯Ό μλ£νκ³ ν λ¬κ°μ μ‘νμ΄ κΈ°κ°μ 보λ΄λ μ€μ΄λ€. 2μ£Ό λ€ μ―€μ 2νκΈ° μμμ μλκ³ μλ€. μ°λ¦¬λ° μ¬λλ€μ΄λ λ§μ΄ μΉν΄μ§κ³ μ λ€μλλ° 2νκΈ°μ μλ‘μ΄ λ°μΌλ‘ μ¬νΈμ±λΌμ λ무λ무 μμ½κ³ μ¬νλ€.. λ νμ μ΄μ΄ μ’κ²λ μ¬λλ³΅μ΄ μμλλ° μ°λ¦¬ 17λ°λ μμλ λ무 μ’μ μ¬λλ€λ°μ μμλ€. κ·Έλμ λ μ μ΄ κ°κ³ μμ¬μΈ λ°λ¦μ΄λ€ γ 2νκΈ° κ°μλ, κ°μ μ·¨μ μ νκ³ λ μ΄ μ¬λλ€μ λ΄κ° λλ¬Ένλ₯Ό μ£Όλν΄μλΌλ μ€λμ€λ λ³Ό.. 2022. 12. 23. [μΌμ] μ£Όμ μ£Όμ _10 μ΄μ κ²μλ¬Ό μ£Όμ μ£Όμ _9μμ λͺ»λ€ν μκΈ°λ₯Ό λ§μ ν΄λ³΄κ² λ€ !! [μΌμ] μ£Όμ μ£Όμ _09 νμ μ£Όμ μ£Όμ μ리μ¦λ‘ μΌμλ€μ μ μ΄μλλ° μ£Όμ μ£Όμ μ μ μ΄μ§ μμ² μ€λλ κ² κ°λ€. λ§μ§λ§ κ²μλ¬Όμ 보λ 1μμ΄λ€...νμ΅ 2022λ μ΄ μ λ° μ΄μμ΄ μ§λκ°λ©΄μ μ§κΈκΉμ§μ λ΄ μΌμμ κΈ°λ‘ν΄λ³΄ mylifework.tistory.com μ‘Έμ μ λ§μ§λ§ κ³΅μ° 7μμ μΈνΌλ₯Ό μμνμ λμ―€ λ΄κ° μ½λ‘λ μκ΅ λμ κΌκΌ μ¨κ²¨λ 곡μ°μ λν μꡬλ₯Ό ν΄μν κΈ°νκ° μ°Ύμμλ€. νκ΅ μ£Όλ³μ μλ μΉ΄ν κ²Έ ν μ¬μ₯λκ»μ μ°λ¦¬ λμ리μ μμΈ μμ²μ νμ ¨κ³ μ°λ¦¬ λμ리λ μμΈ κ³΅μ°μ΄ μ²μμ΄μ΄μ λΉν©μ€λ¬μ μ§λ§ μ’μ κΈ°νμκΈ°μ λμ리μλ€ λͺ¨λ λ°μ μμ€μ μ§¬μ§¬μ΄ μ΅μ μ λ€ν΄ μ΄μ¬ν μ€λΉνλ€. μ½λ‘λ μκ΅ λμ 곡μ°μ λͺ»νκ² μμ¬μ μλ€. μ΄λλ‘ λ.. 2022. 9. 5. [μΌμ] μ£Όμ μ£Όμ _09 νμ μ£Όμ μ£Όμ μ리μ¦λ‘ μΌμλ€μ μ μ΄μλλ° μ£Όμ μ£Όμ μ μ μ΄μ§ μμ² μ€λλ κ² κ°λ€. λ§μ§λ§ κ²μλ¬Όμ 보λ 1μμ΄λ€...νμ΅ 2022λ μ΄ μ λ° μ΄μμ΄ μ§λκ°λ©΄μ μ§κΈκΉμ§μ λ΄ μΌμμ κΈ°λ‘ν΄λ³΄κ³ μΆμ΄μ λ€μ μ£Όμ μ£Όμ μ°Ύμμ€κ² λμλ€. μ¬ν΄ μ΄ μ΄νμ κ°μ₯ ν° λ³νλ μ무λλ μΈνΌμ μ κ³Όνκ² λ κ²κ³Ό μ΅κ·Ό μ‘Έμ μ ν΄μ μ° λμ‘Έμκ° λμλ€λ κ±°? μ΄ 2κ°μ§μΈ κ² κ°λ€. νμ νλ‘μ νΈ κ²½ν κ·Έλ¦¬κ³ κ³΅λͺ¨μ μμ μΈνΌμ μ κ³ΌνκΈ° μ μ μ¬ν΄ μ΄λΆν° μ½ 4κ°μ λμμ λ νμΌλ‘ νλ‘ νΈμλ κ°λ° 곡λΆλ₯Ό νλ€. μ΄μ΄ μ’κ²λ μ’μ νμλΆλ€μ λ§λ νλ‘ νΈμλ κ°λ°λ‘ ν νλ‘μ νΈλ₯Ό κ²½νν΄λ³Ό μ μμλ€. μ€νλ₯΄νμ½λ©ν΄λ½ λ©μ΄νΉ μ±λ¦°μ§ νλ‘μ νΈ νκ³ μ€νλ₯΄νμ½λ©ν΄λ½μμ μΉκ°λ° μ’ ν©λ°κ³Ό μ±κ°λ° μ’ ν©λ°μ μλ£νκ³ μλ£μλ€μ λμμΌλ‘ λͺ¨.. 2022. 8. 25. μ΄μ 1 2 3 4 5 Β·Β·Β· 14 λ€μ