μλΉλ(SHOE-BID) λ κ°μΈμ μ λ°μ κ²½λ§€λ‘ μ¬κ³ ν μ μλ μλΉμ€μ
λλ€.
-
μλΉλλ μ€κ³ κ±°λμ 경맀 λ°©μμ λν΄ μ λ°μ ν©λ¦¬μ μΈ κ°κ²©μΌλ‘ κ±°λν μ μλ μλΉμ€μ λλ€. ꡬ맀μκ° κ΅¬λ§€νκ³ μΆμ κ°κ²©μ μ€μ ν΄ λμ°°λ°μ κ±°λν μ μλ 경맀 κ°λ μ λμ νμ¬ λ€λ₯Έ μ€κ³ κ±°λ μλΉμ€μ μ°¨λ³νλ₯Ό λμμ΅λλ€.
-
ν맀μλ μμ μ΄ ν맀νλ €λ κ°κ²©μ μ€μ ν ν ν΄λΉ κ°κ²©μ μμ©ν ꡬ맀μκ° λνλ λκΉμ§ μΌλ°©μ μΌλ‘ κΈ°λ€λ¦¬λ μκ°μ μ€μΌ μ μμ΅λλ€. λ ꡬ맀μλ μΌλ°©μ μΌλ‘ μ ν΄μ§ κ°κ²©μ΄ μλ μνλ κ°κ²©μ 물건μ λμ°°λ°μ μ μμ΅λλ€.
-
λ¬Όν κ±°λλ₯Ό μν μ±ν μ΄ κ°λ₯νκ³ , ν맀μμ ꡬ맀μλ μλ‘μ λν 리뷰λ₯Ό μμ±ν μ μμ΄ μ λ’°λλ₯Ό νμΈν μ μμ΅λλ€.
2022.07.29 ~ 2022.08.19 (3μ£Ό)
Frontend
Backend
Infrastructure
DB
Dev Tools
Design
- 경맀 λ§κ° μκ°κ³Ό νμ¬ μκ°μ λΉκ΅νκ³ μ€μΌμ€λ¬λ₯Ό νμ©νμ¬ κ²½λ§€ μν μλ μ λ°μ΄νΈ
- μ λ°μ΄νΈλ κ²°κ³Όλ ν맀μμ ꡬ맀μ, κ° νμμ λ§μ΄νμ΄μ§μμ μ‘°ν κ°λ₯
- κ²½λ§€κ° μ±μ¬λμμ κ²½μ°, ν맀μμ ꡬ맀μκ° κ±°λ λ°©μμ λν λνλ₯Ό λλ μ μλλ‘ νλΌμ΄λΉν μ±ν λ°© νμ±ν
- DBλ₯Ό μ΄μ©νμ¬ νμ κ°μ λνκ° μ μ₯λ μ μλλ‘ κ΅¬ν
- νΈλμμ μ²λ¦¬λ₯Ό ν΅ν΄ νμμ νλμ λν λ±κΈ μ μλ₯Ό λΆμ¬
- 5λ¨κ³λ‘ λλ μ§ λ±κΈμ λ°λΌ νμ λ±κΈ μλ μΉκΈ
π¨ Situation
- λΉλκΈ° ν΅μ μ μ΄μ©ν QnA κ²μνμ νΉμ±μ, λΈλΌμ°μ μμ κ°μ κΈ°λ₯μ νλ button νκ·Έκ° λμ μΌλ‘ μΆκ°λλ κ²½μ°κ° λ§μλ€. μ΄λ μΆκ°λ νκ·Έμλ μ΄λ²€νΈκ° μ€νλμ§ μμλ€. λν div νκ·Έ μμ μλ μ¬λ¬ κ°μ button νκ·Έλ₯Ό ν΄λ¦νμ λ, ν΄λΉ μ΄λ²€νΈμ μ½λ°± ν¨μκ° μ€νλμ§ μμλ€.
π₯ Cause
- html νκ·Έλ€μ΄ μ€μ²©λμ΄ μκ³ , λμΌν μμμ μ΄λ²€νΈκ° μ¬λ¬ κ° λ±λ‘λμ΄ μλ ꡬ쑰 λλ¬Έμ μ΄λ²€νΈ μ μ΄κ° 볡μ‘ν΄μ§κ³ νλ¦μ νμ μ΄ μ΄λ €μμ‘λ€.
π‘ Solution
- button νλνλμ μ΄λ²€νΈλ₯Ό λ±λ‘νμ§ μκ³ , buttonμ κ°μΈκ³ μλ div νκ·Έμ μ΄λ²€νΈλ₯Ό λ±λ‘νμλ€. querySelector()λ₯Ό μ¬μ©νλ©΄, μ¬μ©μκ° buttonμ ν΄λ¦νμ λ μ΄λ²€νΈ λ²λΈλ§μ΄ μΌμ΄λ μμμ μλ μμκΉμ§ μ΄λ²€νΈκ° μ νλμ΄ μ½λ°± ν¨μκ° μ€νλ μ μλ€.
π¨ Situation
- μ¬μ©μ κ°μ μ±ν κ³Όμ μ€ λ³ΈμΈμ΄ μ±ν μ 보λμμλ λΆκ΅¬νκ³ λ°μ΄ν°λ² μ΄μ€μ μ μ₯λλ μλλ°©μ mno κ°κ³Ό λ³ΈμΈμ mno κ°μ΄ λμΌνκ² μ μ₯λλ λ¬Έμ κ° λ°μνμλ€.
π₯ Cause
- μ²μ μ±ν μ λ°μ΄ν°λ² μ΄μ€μ λ³ΈμΈ mno κ°κ³Ό μλ mno κ°μ΄ μ μ₯λλλ° λ€μ μλκ° μ±ν μ λ³΄λΌ κ²½μ° μλ μ μ₯μμλ λ³ΈμΈ mnoμ μλ mno κ°μ΄ μλ‘ λ°λμ΄μ λ€μ΄κ°μΌ νλ μν©μ΄μκΈ° λλ¬Έμ΄λ€.
π‘ Solution
- λ°μ΄ν°λ² μ΄μ€μ μ μ₯νκΈ° μ μ if λ¬Έμ μ¬μ©νμ¬ λ³ΈμΈ mnoμ λ‘κ·ΈμΈν mnoκ° κ°μΌλ©΄ λ³΄λΈ μ¬λμ mno κ°μ λ£κ³ κ°μ§ μμΌλ©΄ μλμ mno κ°μ λ£μ΄ ν΄κ²°νμλ€.
π¨ Situation
- λμ κ΄μ¬ μν νμ΄μ§μμ μ¬λ¬ κ°μ μν 리μ€νΈ μ€ κ°μ₯ μλ¨μ μνλ§ μ° μμ κ° λλ λ¬Έμ κ° λ°μνμλ€.
π₯ Cause
- jsp λΆλΆ κ΄μ¬ μν 리μ€νΈμ forλ¬Έ ꡬ쑰μμ 첫 μνμ id κ°λ§ κ°μ Έμ€λ κ²μ΄ λ¬Έμ μλ€.
π‘ Solution
- μμ λ²νΌμ ν΄λ¦νμμ λ button νκ·Έ μμ λΉνμ€ μμ±(data set)μ μ¬μ©νμ¬ ν΄λΉ μν κ°κ°μ id κ°μ λ΄μ ν΄κ²°νμλ€.
π¨ Situation
- κ²½λ§€κ° λ§κ°λ μνμ 리μ€νΈλ₯Ό λΆλ¬μ¬ κ²½μ°μ μν λν μΌ νμ΄μ§μμ 경맀 λ§κ° μκ°μ΄ μ§λ κ²½μ°μ 경맀 μνλ₯Ό μ λ°μ΄νΈνλ λΆκΈ° μ²λ¦¬λ₯Ό νμλ€. κ·Έλ μ§λ§ λ§μ΄νμ΄μ§μμ ν맀 μν, ꡬ맀 μνμ νμΈν λ λ§κ° μ²λ¦¬ λΆλΆμ μν 리μ€νΈ λλ μν λν μΌμ κ±°μΉ νμμΌ λΆκΈ° μ²λ¦¬κ° κ°λ₯νλ€.
π‘ Solution
- μνλ§λ€ λ§κ°λλ μκ°μ΄ λ€λ₯Έ μν©μμ μ€μΌμ€λ¬λ₯Ό ν΅ν΄ 10μ΄λ§λ€ κ²½λ§€κ° μ§ν μ€μΈ μν 리μ€νΈλ₯Ό λΆλ¬μ νμ¬ μκ°κ³Ό λ§κ°μκ°μ λΉκ΅ν΄ 경맀 μνλ₯Ό μ λ°μ΄νΈνλ λ‘μ§μ ꡬννμλ€.
π¨ Situation
- μμ΄λ μ°ΎκΈ° κ²°κ³Ό νλ©΄μμ μμ΄λλ₯Ό μΆλ ₯ν λ, λ€μ 3μ리λ₯Ό λ§μ€νΉ μ²λ¦¬νκΈ° μν΄ jstlμμ substringκ³Ό lengthλ₯Ό μ΄μ©νμ¬ λ€μκ³Ό κ°μ΄ λ§λ€μλ€.
${fn:substring(id, 0, length-3) }
κ·Έλ¬λ lengthλ₯Ό μΈμνμ§ λͺ»νλ λ¬Έμ κ° λ°μνλ€.
π₯ Cause
- jstlλ‘ ν¨μλ₯Ό μμ±νλ©΄μ lengthμ λμμ μ§μ ν΄ μ£Όμ§ μμλ κ²μ΄ μμΈμ΄μλ€.
π‘ Solution
- idμ lengthλ₯Ό ꡬνλ ν¨μλ₯Ό μ¬μ©νμ¬ λ€μκ³Ό κ°μ΄ ν΄κ²°νμλ€.
${fn:substring(id, 0, fn:length(id)-3) }
π¨ Situation
- νμμ΄ μ€μ λ‘ μ μ°°ν λ΄μκ³Ό λ§μ΄νμ΄μ§μ μ μ°° λ΄μμ΄ μΌμΉνμ§ μλ μ€λ₯κ° λ°μνλ€. 경맀 μνμ λ°λ₯Έ νν°λ§μ μ μ©νμ λ, νμμ΄ μ μ°°ν λ΄μμ΄ μμμλ νλ©΄μλ λ΄μμ΄ λ³΄μ΄μ§ μμλ€.
π₯ Cause
- νμ΄μ§μ μν΄μ fromμ μ μλΈμΏΌλ¦¬λ₯Ό μ΄μ©νμ¬ limitμ μ μ©νμλ€. μ΄ μλΈμΏΌλ¦¬ μμͺ½μΌλ‘ νμμ νΉμ νλ where 쑰건μ μ΄ ν¬ν¨λμ΄ μμ§ μμλ κ²μ΄ μμΈμ΄μλ€.
π‘ Solution
- νμμ νΉμ νλ whereμ μ μλΈμΏΌλ¦¬ μμͺ½μΌλ‘ μ΄λμμΌ ν΄κ²°νμλ€.
Β nameΒ | work | contact |
---|---|---|
μμμ | νλ‘μ νΈ μΌμ κ΄λ¦¬ / 경맀 μ μ°° CRUD / κ±°λ νκΈ° CRUD / μ΄λ―Έμ§ νμΌ μ²¨λΆ κΈ°λ₯ / Github κ΄λ¦¬ / μλ² λλ©μΈ μ°κ²° | dev.eunsol@gmail.com |
μ΄μ°μ§ | νμ κ° 1:1 μ±ν κΈ°λ₯ / κ΄μ¬μν CRUD / μ κ³ κ²μκΈ CRUD / ABOUT λ©λ΄ λμμΈ | 24864@naver.com |
μ΄μ΄μ° | νμ κ΄λ ¨ CRUD / μν λ°μ΄ν° μμ§ | sleeus1007@naver.com |
μ μμ° | μ§λ¬Έ λ΅λ³ CRUD / μ 체 νμ΄μ§ CSS ꡬν | dev.suyeon@gmail.com |
μ΅μ±μ΄ | 경맀 μν CRUD / 경맀 μ’ λ£ μ€μΌμ€λ¬ ꡬν / κ²μκΈ κ²μ νν° | tjdfuf802@naver.com |