27μ΄ λμ΄μ μ§μ₯μΈμμ μ·¨μ€μμ΄ λμλ€.
κΈμμΌμ ν΄μ¬ν ν μμμΌλΆν° HTML5, CSS3, JavaScript λ± μΉμ λ€μ 곡λΆνλ€.
8κ°μ λμ DBλ§ λ€λ£¨λ€ 보λ μΉμ κ±°μ μμ΄λ²λ Έλ€.
κ·Έλμ ν΄μ¬νκΈ° μ λΆν° κ³νμ μΈμ κ³ κΈ°μ΄μ μΈ λΆλΆλ€μ 곡λΆν λ€ κ°μΈ νλ‘μ νΈλ₯Ό μ§ννκΈ°λ‘ λͺ©νλ₯Ό μΈμ λ€.
μ±
보λ€λ μΈν°λ· κ°μ(μνμ½λ©)μ ν΅ν΄ μ£Όλ‘ νμ΅νλ€.
κ°μ¬νκ²λ μνμ½λ© egoingλκ»μ μ’μ κ°μλ€μ 무λ£λ‘ μ 곡νμ
¨λ€.
μνμ½λ©μ ν΅ν΄ HTML5, CSS3, JavaScript, Node.js, Mysql λ±μ 곡λΆνκ³ λ°λ³΅ νμ΅κΉμ§ 2β3λ¬μ΄ κ±Έλ Έλ€.
μΆκ°μ μΌλ‘ Bootstrapλ 곡λΆνλ€.
BootStrapμ μ νν μ΄μ λ λ€μν κΈ°κΈ°μμ μ΅μ νλ νλ©΄μ μ 곡ν μ μμλ€.
κ°μΈ νλ‘μ νΈλ μΌνλͺ°μ ꡬννκ³ μΆμκ³ λ°μν μΉμ μ μ©μν€κ³ μΆμλ€.
κΈ°μ‘΄μλ Media Queryλ₯Ό ν΅ν΄ ꡬννμ§λ§, λΉμ μΈκΈ°κ° λ§λ€λ μ΄μ λ‘ BootStrapμ λ°°μ°κ³ μΆμλ€. jQuery μ΄νλ‘ νΈνκ² μ¬μ©ν μ μλ κΈ°μ μ΄ μλ€λ κ±Έ λλΌκ² ν΄μ€¬λ€.
λ€λ₯Έ κΈ°μ λ€λ λ§μλλ° κ·Έ λΉμμλ λͺ°λλ€. λ
ννλ©΄μ μ 보λ€μ μ΅λνλ κ² μ½μ§κ° μμλ€.
νμ¬ κ·Όλ¬΄ μ€μΈ μ€ννΈμ μμλ Bootstrapμ μ¬μ©νμ§ μμλ€.
νμ¬λ§λ€ λ€λ₯΄κ² μ§λ§ νλ‘ νΈμλμ λ°±μλ μ§λ¬΄κ° ꡬλΆλμ΄ μλ νμ¬λ Bootstrapμ΄λ Material-UI λ± νλ μμν¬λ₯Ό μ¬μ©νμ§ μλ κ² κ°λ€(?)
Bootstrapμ μ¬μ©νλ©΄ Break Point λ³λ‘ ν¬κΈ°λ₯Ό μ μ΄ν μ μμ§λ§ λ΄λΉνλ μλΉμ€μμλ Media Queryλ₯Ό ν΅ν΄ μ‘°κΈ λ μ κ΅νκ² μ μ΄νκΈ° μν΄ μ¬μ©νμ§ μλλ€κ³ νμ ¨λ€.
μΌνλͺ° νλ‘μ νΈλ₯Ό λ§μΉκ³ μ§μΈμ΄ μΉ μλΉμ€ κ°λ°κ³Ό ν¨κ» μ°½μ
μ€νν
λ©€λ²λ₯Ό μ μνλ€.
κ°μκΈ° "μ°½μ
"μ΄λΌλ λ¨μ΄λ₯Ό λ£κ³ κ²μ΄ λ¬μ§λ§ μ¬λ°μ κ² κ°μλ€.
κ·Έλ¦¬κ³ μΈμμ λ κ°μ§μ λͺ©νκ° μλλ° κ·Έκ²μ μ΄λ£¨λ λ° μμ΄ κΌ νμν κ²½νμ΄λΌ μκ°νλ€.
μ΄ 4λͺ
μΌλ‘ μ°½μ
μ μμνλ€.
μΌλ° μ¬λ¬΄μ€μ΄λ 곡μ μ€νΌμ€ λ± μ
무 곡κ°μ λμ¬νμ§ μκ³ μΉ΄νμμ 무μμ μμνλ€.
κΈ°νλΆν° λμμΈ, μ€κ³, κ°λ°, ν
μ€νΈ λ± λ¨κ³λ€μ λ΄λΉνλ©° μ§ννλ€.
μΈλ ₯ λΆμ‘±μΌλ‘ μΈν΄ κΈ°ν λ° λμμΈμ μ°Έμ¬ν΄μ μ견μ μ£Όκ³ λ°μΌλ©° μλΉμ€λ₯Ό ν¨κ» λ§λ€μλ€.
μ΄ λΉμ λμκ² μλ‘μ΄ μ¬λ―Έλ₯Ό λλΌκ² ν΄μ€¬λ€.
κ°λ°μ νμκ³Ό ν루μ 12μκ° μ΄μ μΌνλ©΄μ μ λ§ νλ€μμ§λ§ λ§μ΄ λ°°μ°κ³ μ±μ₯νλ μκ°λ€μ΄μλ€.
κ·Έλ κ² 3κ°μ λμ μ΄μ¬ν λ¬λ¦° λλΆμ μλΉμ€λ₯Ό μ€νν μ μμλ€.
μλΉμ€ μ€ν ν μ¬μ©μλ€μ λ°μμ 보λ κ²μ λ λ€λ₯Έ μ¬λ―Έκ° μμλ€.
νμ νλ‘ νΈμ λ°±μλλ₯Ό κ°μ΄νκ³ μΆμμ§λ§ μ΄λ νλ‘ νΈμλμ λμ± ν₯λ―Έλ₯Ό λκΌλ€.
μ¬μ©μμ νΌλλ°±μ λ°κ³ κ°μ νλ©΄μ μ¬μ©μλ€μ λ§μ‘±μν€λ λͺ¨μ΅μ 보며 μ±μ·¨κ°μ λκΌλ€.
μ§μμ μΌλ‘ μλΉμ€λ₯Ό κ°μ μν€λ©° μ¬μ©μλ€μ λ§μ‘±μμΌμΌ νμ§λ§ μ΄ μ€μν μκΈ°μ νμμ λμ¬ μλ°μ μλ κ²°μ μ λ΄λ¦¬κ² λμλ€.
νμ¬μ μ νμ λμ€μ νννμ§ λ§μ.
μΈμμμ μ ννλ μκ°μ λΆλͺ ν μ‘΄μ¬νλ€κ³ μκ°νλ€.
κ·Έλμ μ νμ΄ μ’μ μ νμ΄ μλλλΌλ νννμ§ λ§μλ κ²μ΄ μ’μ°λͺ μ΄λ€.
μ€ν¨λΌλ κ²°κ³Όλ₯Ό κ°μ§κ³ μ€λλΌλ κ·Έ μ€ν¨λ₯Ό ν΅ν΄ λ°°μΈ μ μλ€κ³ μκ°νλ€.
μ΄λ° κ²½νλ€μ ν΅ν΄ λ΄κ° λ λμ μ¬λμΌλ‘ λ°μ ν κ²μ΄λΌ μκ°νλ€.
λνμ?
κ°μκΈ° λνμμ΄ λ¬΄μ¨ λ§μ΄λ?
μ¬μ€ μ°½μ
νκΈ° μ λΆν° κ΅μλμ 컨ννκ³ λνμμ μ§μν μνμλ€.
κ·Έλ¦¬κ³ μλΉμ€λ₯Ό μ€νν μμ μ κ²°κ³Ό λ°νκ° λ¬λ€.
νλΆ λλΆν° μ°κ΅¬μ€μμ μ°κ΅¬νμλ λνμμλ€μ 보면μ λλ ν λΆμΌμ μ§μ€μ μΌλ‘ μ°κ΅¬νκ³ μΆμλ€.
κ°λ°κ³Ό μ°κ΅¬κ° λ€λ₯΄λ€λ κ²μ μ€μ λ‘ λκ»΄λ³΄κ³ μΆμλ€.
κ·Έλμ ν΄μ¬νκΈ° μ λΆν° λνμμ μ§μν μκ°μ κ°μ§κ³ μμλ€.
μμ§ λ°°μ°κ³ μΆμ κ²μ΄ λ§μ μκΈ°μλ€.
νμ λλ νκ³ μΆμ κ² λ§μλ€. μ λ§ μμ¬μ΄ λ§λ€.
λ¦μ λμ΄μΌ μλ μκ² μ§λ§ 28μ΄μ λνμμ μ
ννλ€.
λλ μ΄λ κ² λ€μ νμμΌλ‘ λμκ°κ² λμλ€.π
λμ΄κ° κ±±μ λκΈ΄ νμ§λ§ νκ³ μΆμ κ±Έ ν μ μλ€λ μκ°μ λ무 기뻀λ€.
λνμ μ°κ΅¬ λΆμΌλ μλ§¨ν± μΉ λΆμΌλ₯Ό μ ννλ€.
λνμ μ°κ΅¬ λΆμΌλ€μ 보면μ λ¨Έμ λ¬λ, λ₯λ¬λ, λΉ
λ°μ΄ν°, IoT λ± λ€μν κ² μμμ§λ§ βμλ§¨ν± μΉβμ΄λΌλ λΆμΌκ° νΉλ³νκ² λ€κ°μλ€.
μλ§¨ν± νκ·Έλ μκ³ μμμ§λ§ βμλ§¨ν± μΉ? μ΄κ² λ κΉ?β λΌλ μκ°μ μΈν°λ·μ κ²μνλ€.
μλ§¨ν± μΉμ λν μ λ³΄κ° λ§μ§ μμλ€. λ§μ μ¬λλ€μ΄ μ°κ΅¬νλ λΆμΌλ μλ κ±° κ°λ€κ³ μκ°νλ€.
νμ§λ§ μΉμ κ΄μ¬μ κ°μ§κ³ μλ λλ μλ‘μ΄ μΉ λΆμΌλ₯Ό μ ν΄λ³Ό μ μκ² λ€λ μκ°μ μλ§¨ν± μΉ λΆμΌλ₯Ό μ ννλ€.
3κ°μ, 6κ°μ, 1λ μ΄ λ μμ .
"κ°λ°κ³Ό μ°κ΅¬λ μ λ§ λ€λ₯΄κ΅¬λ"
μ¨ν¨λ‘μ§, RDF, OWL, SPARQL, Protege λ± μλ§¨ν± μΉκ³Ό κ΄λ ¨λ κΈ°μ λ° ν΄μ 곡λΆνμΌλ©°, μ°κ΅¬ μ£Όμ λ₯Ό κ²°μ νκ³ κ΄λ ¨ λ
Όλ¬Έλ€μ μ‘°μ¬νλ€.
κ³μν΄μ μλ‘μ΄ κ±Έ μ°κ΅¬νκ³ κ΅¬ννλ©΄μ λ
Όλ¬Έλ€μ μμ±νκ³ , νν λ°ν λ° λ
Όλ¬Έμ§λ₯Ό ν΅ν΄ κ²°κ³Όλ¬Όμ μ»μλ€.
νμ§λ§ λλ μ¬λ―Έλ₯Ό λλΌμ§ λͺ»νλ€. μ΄ μΌμ κ³μνλ€κ³ μκ°νμ λ ν볡νμ§ μμλ€.
μΉ κ°λ°νλ κ·Έλκ° λ ν볡νλ€.
λνμμ κΌ κ°λ³΄κ³ μΆμκ³ κ²½ννκ³ μΆμλ λ΄ λͺ©νλ μ΄λ£¨μκ³ , μλ‘μ΄ κ²½νλ€μ νλ©° μ±μ₯ν μ μμ΄ νννμ§λ μλλ€.
2λ
μ΄ μ§λκ³ 2020λ
2μ λνμμ μ‘Έμ
νλ€.
μ€ννΈμ μ κ°κΈ° μ κΉμ§ 10λ μ΄λΌλ μκ°μ΄ νλ κ³ νλΆ, κΈμ΅ IT νμ¬, μ·¨μ€μ, μ°½μ , λνμ λ±μ κ²½ννκ³ ,
νμ¬λ μ€ννΈμ μ μ¬μ§ μ€μ΄λ€.
λ λ§μ κ²λ€μ κ²½νν μ¬λλ μκ³ , λ μ κ² κ²½νν μ¬λλ μμ κ²μ΄λ€.
νμ§λ§ λλ νκ³ μΆμ μΌμ΄ μκΈ΄λ€λ©΄ λ°λμ λμ ν κ²μ΄λ€.
μ΄λ©΄μ μ λ§ λ§μ κ²λ€μ κ²½ννκ³ μ±μ₯νκ³ μΆλ€.
μ€ν¨ν΄λ λ€μ λμ νκ³ μ±κ³΅ν μ μλλ‘ λ Έλ ₯ν κ²μ΄λ€.
μ§κΈκΉμ§ μ€ννΈμ
κ°κΈ° μ κΉμ§μ μ΄μΌκΈ°μμ΅λλ€.
κΈ΄ κΈμ μ½μ΄μ£Όμ
μ μ§μ¬μΌλ‘ κ°μ¬λλ¦¬κ³ ,
μμΌλ‘λ μ€ννΈμ
κ³Ό κ΄λ ¨λ μ΄μΌκΈ°λ€λ‘ ꡬμ±λ μμ μ
λλ€.
λ―Έλμμμλ κΈμ΄ μμΌλ νμΈν΄μ£Όμλ©΄ κ°μ¬νκ² μ΅λλ€ :D
https://medium.com/@dev.seung2/컴곡-μμ¬μμ΄-μ€ννΈμ
μ-κ°κΈ°-μ κΉμ§-6ed2cc01fb5a