μ΄μ§μ(νμ₯) | μ΄ν¬μ | κΉμν¬ | μ΄λ‘μ΄ | μ μν |
---|---|---|---|---|
gygy7151 | hlee686 | soheedev | ronieo | oysterjung |
[λ§μ΄ νμ΄μ§] [μ£Όλ¬Έ μμΈ νμ΄μ§] [κ²°μ μμΈ νμ΄μ§] [νμκ°μ νμ΄μ§] [곡λ ν€λ] [λΌμ°ν μμ λ° μ μ§λ³΄μ] [CI/CD] |
[λ©μΈ νμ΄μ§] - μ ν μμΈ νμ΄μ§ |
[곡ν΅API] [μ΄λλ―Ό νμ΄μ§] - μν κ΄λ¦¬νμ΄μ§ - κ±°λ λ΄μ νμ΄μ§ [λ©μΈ νμ΄μ§] - ν, λ©λ΄, κ²μνμ΄μ§ |
[νμκ°μ
νμ΄μ§] [λ‘κ·ΈμΈ νμ΄μ§] [404 νμ΄μ§] [곡λ Footer] - μ ν μμΈ νμ΄μ§ |
[κ²°μ νμ΄μ§] [κ²°μ μλ£ νμ΄μ§] |
REST APIλ₯Ό νμ©νμ¬ Vanilla JavaScriptλ‘ μ μν λ°λ €λλ¬Ό μ λ¬Έ λΌμ΄ν μλΉμ€ μΌνλͺ°μ λλ€.
- μ μ λ νμκ°μ λ° λ‘κ·ΈμΈ ν μν ꡬ맀λ₯Ό μ¬μ©ν μ μμΌλ©° κ·Έ μΈ μ£Όλ¬Έλ΄μ, κ°μΈμ 보μμ λ±μ΄ κ°λ₯νκ³ κ³μ’κ΄λ¦¬(κ³μ’λ±λ‘)μ ν΅ν΄ κ΅¬λ§€κ° κ°λ₯ν©λλ€.
- κ΄λ¦¬μλ κ±°λλ΄μ, μν λ±λ‘, λ±λ‘ μν λ΄μμ λ³Ό μ μκ³ , μνλ±λ‘ λ° μμ , κ±°λμ·¨μ λ° κ±°λνμ μ΄ κ°λ₯ν©λλ€.
- 404νμ΄μ§ μΆλ ₯ μ, 3μ΄ λ€ λ©μΈνλ©΄μΌλ‘ λμκ°κ±°λ, λ²νΌμ λλ¬ λ©μΈνλ©΄μΌλ‘ λμ κ° μ μμ΅λλ€.
πΆ λ©μΈνμ΄μ§
|
πΆ λ©μΈνμ΄μ§
|
---|---|
π±νμκ°μ
- νλ‘ν μ
λ‘λ,μ΄μ©μ½κ΄ νμ
|
πΆ λ‘κ·ΈμΈ
|
π± μΉ΄ν
κ³ λ¦¬ νμ΄μ§
|
πΆ κ²μ μ μΆλ ₯λλ νλ©΄
|
π± κ²°μ νμ΄μ§
|
πΆ κ²°μ μλ£νμ΄μ§
|
π± λ§μ΄νμ΄μ§ - ꡬ맀λ΄μ μ‘°ν λ° νμ΄μ§ μ²λ¦¬
|
π± λ§μ΄νμ΄μ§ - κ³μ’κ΄λ¦¬ κΈ°λ₯
|
π± λ§μ΄νμ΄μ§ -νλ‘ν μμ
|
πΆ μ΄λλ―Ό νμ΄μ§ - μνκ΄λ¦¬
|
πΆ μ΄λλ―Ό νμ΄μ§ - μ£Όλ¬Έκ΄λ¦¬
|
πΆ 404
|
-
μμ κΈ°κ° : 2023.01.30 ~ 2023.03.03
-
λ°λͺ¨ μ¬μ΄νΈ : πΎμ€λμμ§μ¬πΎ
-
ν λ ν¬μ§ν 리 μ£Όμ : TodayZipsa Repo
-
ν λ Έμ λ¬Έμ μ£Όμ: TodayZipsa Notion
-
ν μ€νΈμ© κ³μ
- μΌλ° μ¬μ©μ
- ID : zipsa@user.com
- PW : 1234qwer
- κ΄λ¦¬μ
- ID : admin@zipsa.com
- PW : 1q2w3e4r
- μΌλ° μ¬μ©μ
- Basic: `HTML`, `SCSS`, `JavaScript`
- Library: `Swiper`, `Navigo`, `sass`
- Bundler: `Parcel`
- Deploy: `Netlify`
ββ src
β ββ api
β β ββ 곡λ api λ° ν¨μ, μνκ³μ’ λ° κ²°μ dummy
β ββ asset
β β ββ μΌνλͺ°μ μ¬μ©νλ UIμ© Images
β ββ components
β β ββ pages
β β | ββ νμ΄μ§λ₯Ό ꡬμ±νλ μ»΄ν¬λνΈ
β β ββ templates
β β ββ νμ΄μ§μμ 곡λμΌλ‘ μ¬μ©νλ μ»΄ν¬λνΈ
β ββ modules
β β ββ νμ΄μ§μ λ‘μ§μ ꡬμ±νλ μ»΄ν¬λνΈ
β β ββ router.js
β β ββ navigoλ₯Ό νμ©ν νμ΄μ§ λΌμ°ν° μμνμΌ
β ββ styles
β β ββμ νΈλ¦¬ν° ν¨μ
ββindex.html
ββREADME.md
ββpackage.json
ββpackage-lock.json
1. $ git clone https://github.com/today-zipsa/TodayZipsa.git
2. $ cd today-zipsa
3. $ npm i
4. rootκ²½λ‘μ .env νμΌ μμ± ν, apiκ΄λ ¨ μ 보(API_KEY, API_URL, USER_NAME) μ
λ ₯ ex) API_KEY=123456
5. $ npm run dev
λ°λ € λλ¬Όκ³Ό μ¬νμ λ λ λ μλ°μ΄ κ³ λ―Όμ΄μ
¨λ μ§μ¬λλ€κ³Ό
νΉμ λ§νΈν μ¬νμ λ€λ
μ€μ§ λͺ»νμ
¨λ μ§μ¬λλ€μ μν λ°λ €λλ¬Ό μ λ¬Έ λΌμ΄ν μλΉμ€ μ€λμ μ§μ¬
μ
λλ€.
μ€ν λ€λλ£Έ, λλμ€λ£Έ, λλΈλλμ€λ£Έ, μν리μ΄λ£Έ, μ€μνΈλ£Έ λ±
λ°λ €λλ¬Όκ³Ό μλν ν¬μμνμ μμ±νλ μ€λ, κ°μ± κ°λν κ°μ€μ μμ½ ν΄λ³΄μΈμ!
λ¨ΌκΈΈ 무κ²μ΄ μΌμ΄μ§μ λ°λ €λλ¬Ό λ°λ¦¬κ³ λ³μμ΄λ λ―Έμ©μ€ μ€κ³ λ€λκΈ° νλμ
¨μ£ ?
μμΈ μ μ μ΄λλ μ§ λ°λ €λλ¬Ό μ μ© λͺ¨λΉλ¦¬ν°λ‘ νΈνκ² μ΄λνμΈμ!
μ₯μκ° μ§μ λΉμ°λ λμ κ±±μ λ§μΌμ
¨μ£ ?
μ΄μ μΉνκ²½ 무λμ½ μ¬λ£λ€λ§ μμ±ν μλ¨ μΌμ΄λ‘ μ λ¬Έ λ°λ €λλ¬Όκ΄λ¦¬μ¬κ° κ΄λ¦¬ν΄λλ €μ!
RUSHμ μ½λΌλ³΄ν λ°λ €λλ¬Ό μ μ© μ
μμ μ μ€ν μλΉμ€λ₯Ό 체νν΄λ³΄μΈμ!