Skip to content

Latest commit

Β 

History

History
196 lines (150 loc) Β· 8.77 KB

README.md

File metadata and controls

196 lines (150 loc) Β· 8.77 KB

개발자 지식 곡유 ν”Œλž«νΌ Enadu - Front




πŸ›  기술 μŠ€νƒ


Β Β Β Β  Vue.js
Β Β Β Β 


1. μ—λ‚˜λ‘ ν™”λ©΄ μ„€κ³„μ„œ

ν™”λ©΄ μ„€κ³„μ„œ λ°”λ‘œκ°€κΈ°

2. μ£Όμš” κΈ°λŠ₯

νšŒμ›κ°€μž…

image

이메일, λΉ„λ°€λ²ˆν˜Έ, λ‹‰λ„€μž„, ν”„λ‘œν•„ 이미지(ν•„μˆ˜ X)둜 νšŒμ› κ°€μž…μ„ ν•œλ‹€.
이메일, λ‹‰λ„€μž„μ€ 쀑볡이 λΆˆκ°€λŠ₯ν•˜λ‹€.

둜그인

image

일반 둜그인, μ†Œμ…œ(Github) 둜그인

image

μ†Œμ…œ λ‘œκ·ΈμΈμ€ μ†Œμ…œλ‘œ 둜그인 ν•œ ν›„ 졜초 λ‘œκ·ΈμΈμ‹œ λ™μ˜λ₯Ό λ°›λŠ”λ‹€.

검색

톡합 검색

톡합검색

헀더에 μžˆλŠ” κ²€μƒ‰μ°½μœΌλ‘œ 3개의 κ²Œμ‹œνŒ 톡합 검색 κ°€λŠ₯ν•˜λ‹€.
검색 ν›„ μ›ν•˜λŠ” κ²Œμ‹œνŒμœΌλ‘œ 더보기 λ²„νŠΌ λˆ„λ₯Ό μ‹œ ν•΄λ‹Ή 검색어 μœ μ§€ 된 μƒνƒœλ‘œ νŽ˜μ΄μ§€ 이동을 ν•œλ‹€.


κ²Œμ‹œνŒ 별 검색

상세검색

κ²Œμ‹œνŒ λ³„λ‘œ 상세 검색이 κ°€λŠ₯ν•˜λ‹€.
μΉ΄ν…Œκ³ λ¦¬(μƒμœ„, ν•˜μœ„), λ²”μœ„(제λͺ©+λ‚΄μš©, 제λͺ©, λ‚΄μš©), μ •λ ¬(μ΅œμ‹ μˆœ, μ’‹μ•„μš”μˆœ, 검색 μ‹œμ—λ§Œ κ°€λŠ₯ν•œ μ •ν™•λ„μˆœ)

μ—λŸ¬ μ•„μΉ΄μ΄λΈŒ

λͺ©λ‘

image

μ—λŸ¬ μ•„μΉ΄μ΄λΈŒ λͺ©λ‘μ„ νŽ˜μ΄μ§• μ²˜λ¦¬ν•œλ‹€.
상단에 검색 및 μ •λ ¬ κΈ°λŠ₯이 μžˆλ‹€.


상세

image

λ§ˆν¬λ‹€μš΄μœΌλ‘œ μž‘μ„±λœ λ‚΄μš©
우츑 λͺ©μ°¨λ₯Ό 톡해 ν•΄λ‹Ή λΆ€λΆ„ 이동이 κ°€λŠ₯ν•˜λ‹€.
둜그인 ν•œ μœ μ €λŠ” 슀크랩, μ’‹μ•„μš”/μ‹«μ–΄μš” κΈ°λŠ₯ μ‚¬μš©μ΄ κ°€λŠ₯ν•˜λ‹€.
μœ μ € λ‹‰λ„€μž„ 클릭해 μœ μ €λ‘œκ·Έ(μž‘μ„±λ‚΄μ—­), 1λŒ€1 μ±„νŒ…μ΄ κ°€λŠ₯ν•˜λ‹€.


등둝

image

제λͺ©, μƒμœ„ μΉ΄ν…Œκ³ λ¦¬, ν•˜μœ„ μΉ΄ν…Œκ³ λ¦¬(ν•„μˆ˜ X), λ³Έλ¬Έ
둜그인 ν•œ μœ μ €λ§Œ μž‘μ„±μ΄ κ°€λŠ₯ν•˜λ‹€.
본문은 λ§ˆν¬λ‹€μš΄ λ°©μ‹μœΌλ‘œ μž‘μ„±μ΄ κ°€λŠ₯ν•˜λ‹€.

image image

μž‘μ„±μ€‘μΈ 글에 μ›ν•˜λŠ” μΉ΄ν…Œκ³ λ¦¬λ₯Ό μƒμœ„, ν•˜μœ„λ‘œ λ‚˜λˆ  선택이 κ°€λŠ₯ν•˜λ‹€.
ν•˜μœ„ μΉ΄ν…Œκ³ λ¦¬ 선택은 ν•„μˆ˜κ°€ μ•„λ‹ˆλ©°, ν•„μš”ν•œ ν•˜μœ„ μΉ΄ν…Œκ³ λ¦¬κ°€ 없을 μ‹œ 생성이 κ°€λŠ₯ν•˜λ‹€.
μƒλ‹¨μ˜ 검색창을 톡해 μΉ΄ν…Œκ³ λ¦¬ 검색이 κ°€λŠ₯ν•˜λ‹€.

μœ„ν‚€

λͺ©λ‘

image

μœ„ν‚€ λͺ©λ‘μ„ νŽ˜μ΄μ§• 처리
상단에 검색 κΈ°λŠ₯이 μžˆλ‹€.
둜그인 μ•ˆ ν•œ μœ μ €λ‚˜ '뉴비'λ“±κΈ‰ μœ μ €λŠ” μœ„ν‚€ 등둝이 λΆˆκ°€λŠ₯ν•˜λ‹€.


상세

image

λ§ˆν¬λ‹€μš΄μœΌλ‘œ μž‘μ„±λœ λ‚΄μš©
제λͺ© ν•˜λ‹¨μ— ν˜„μž¬ 버전 λͺ…μ‹œλ˜μ–΄ μžˆλ‹€.
우츑 λͺ©μ°¨λ₯Ό 톡해 ν•΄λ‹Ή λΆ€λΆ„ 이동이 κ°€λŠ₯ν•˜λ‹€.
둜그인 ν•œ μœ μ €λŠ” 슀크랩 ν•  수 μžˆλ‹€.
둜그인 μ•ˆ ν•œ μœ μ €λ‚˜ '뉴비'λ“±κΈ‰ μœ μ €λŠ” μœ„ν‚€ μˆ˜μ •μ΄ λΆˆκ°€λŠ₯ν•˜λ‹€.


이전 버전 λͺ©λ‘

image

μž‘μ„± λ‚ μ§œ, μž‘μ„± μœ μ €, 버전
ν•΄λ‹Ή μœ„ν‚€μ˜ 이전 버전 내역을 λ³Ό 수 μžˆλ‹€. 버전을 ν΄λ¦­ν•˜λ©΄ ν•΄λ‹Ή 버전 λ‚΄μš© 확인이 κ°€λŠ₯ν•˜λ‹€.
'이 λ²„μ „μœΌλ‘œ 되돌리기' λ²„νŠΌμœΌλ‘œ λ‘€λ°±μ‹œ μ„ νƒν•œ 버전이 μƒˆλ‘œμš΄ λ²„μ „μœΌλ‘œ 등둝할 수 μžˆλ‹€.
둜그인 μ•ˆ ν•œ μœ μ €λ‚˜ '뉴비'λ“±κΈ‰ μœ μ €λŠ” μœ„ν‚€ 둀백이 λΆˆκ°€λŠ₯ν•˜λ‹€.

QnA - 질문

λͺ©λ‘

image

μ—λŸ¬ μ•„μΉ΄μ΄λΈŒ λͺ©λ‘μ„ νŽ˜μ΄μ§• μ²˜λ¦¬ν•œλ‹€.
상단에 검색 및 μ •λ ¬ κΈ°λŠ₯이 μžˆλ‹€.

상세

image

λ§ˆν¬λ‹€μš΄μœΌλ‘œ μž‘μ„±λœ 질문
둜그인 ν•œ μœ μ €λŠ” 슀크랩, μ’‹μ•„μš”/μ‹«μ–΄μš”λ₯Ό ν•  수 μžˆλ‹€.
μœ μ € λ‹‰λ„€μž„ 클릭해 μœ μ €λ‘œκ·Έ(μž‘μ„±λ‚΄μ—­), 1λŒ€1 μ±„νŒ…μ΄ κ°€λŠ₯ν•˜λ‹€.

QnA - λ‹΅λ³€

λ‹΅λ³€ 상세

image

λ§ˆν¬λ‹€μš΄μœΌλ‘œ μž‘μ„±λœ λ‚΄μš© 둜그인 ν•œ μœ μ €λŠ” 슀크랩, μ’‹μ•„μš”/μ‹«μ–΄μš” κΈ°λŠ₯ μ‚¬μš©μ΄ κ°€λŠ₯ν•˜λ‹€. μœ μ € λ‹‰λ„€μž„ 클릭해 μœ μ €λ‘œκ·Έ(μž‘μ„±λ‚΄μ—­), 1λŒ€1 μ±„νŒ…μ΄ κ°€λŠ₯ν•˜λ‹€.


λ‹΅λ³€ μž‘μ„±

image

둜그인 ν•œ μœ μ €λ§Œ μž‘μ„±μ΄ κ°€λŠ₯ν•˜λ‹€.
본문은 λ§ˆν¬λ‹€μš΄ λ°©μ‹μœΌλ‘œ μž‘μ„±μ΄ κ°€λŠ₯ν•˜λ‹€.


AI(Gemini) λ‹΅λ³€

image

1μ‹œκ°„λ§ˆλ‹€ 질문이 μ•ˆ 달린 글듀에 AI 닡변이 달린닀.


채택 및 λŒ“κΈ€

image

채택이 된 닡변은 우츑 상단에 '채택 μ™„λ£Œ'라고 ν‘œμ‹œλœλ‹€.
μ§ˆλ¬Έμžλ‚˜ λ‹΅λ³€μž 외에도 λŒ“κΈ€μ„ 자유둭게 달 수 있으며 λŒ“κΈ€μ˜ λŒ€λŒ“κΈ€λ„ μž‘μ„±ν•  수 μžˆλ‹€.

μ’‹μ•„μš” / μ‹«μ–΄μš”, 슀크랩

무제

λ‘œκ·ΈμΈν•œ μœ μ €λŠ” κ²Œμ‹œνŒλ³„λ‘œ μ’‹μ•„μš”/μ‹«μ–΄μš”, 슀크랩이 κ°€λŠ₯
μœ„ν‚€λŠ” 슀크랩만 κ°€λŠ₯
μŠ€ν¬λž©ν•œ λ¬Έμ„œλ“€μ€ λ§ˆμ΄νŽ˜μ΄μ§€μ—μ„œ 확인 κ°€λŠ₯

λž­ν‚Ή

일간 λž­ν‚Ή

image

맀일 μžμ • λˆ„μ λœ 포인트λ₯Ό κΈ°μ€€μœΌλ‘œ λž­ν‚Ήμ„ κ°±μ‹ ν•œλ‹€
μœ μ €λ“€μ˜ μˆœμœ„, λ“±κΈ‰, ν”„λ‘œν•„ 이미지, λ‹‰λ„€μž„, λˆ„μ  포인트 확인을 ν•  수 μžˆλ‹€.

image

둜그인 ν•œ μœ μ €λŠ” 상단에 본인의 λ“±κΈ‰, 포인트, 일간 μˆœμœ„ 및 μ£Όκ°„ μˆœμœ„λ₯Ό 확인할 수 μžˆλ‹€.

μ£Όκ°„ λž­ν‚Ή

image

맀주 μ›”μš”μΌ μžμ • μ§€λ‚œ 일주일간 μŒ“μΈ 포인트λ₯Ό κΈ°μ€€μœΌλ‘œ λž­ν‚Ήμ„ κ°±μ‹ ν•œλ‹€.
μœ μ €λ“€μ˜ μˆœμœ„, λ“±κΈ‰, ν”„λ‘œν•„ 이미지, λ‹‰λ„€μž„, μ£Όκ°„ 포인트 확인할 수 μžˆλ‹€.

1:1 μ±„νŒ…

μ±„νŒ…

μœ μ €μ—κ²Œ 1λŒ€1 μ‹€μ‹œκ°„ μ±„νŒ…μ΄ κ°€λŠ₯ν•˜λ‹€.
μ’ŒμΈ‘μ— μ±„νŒ…λ°© λͺ©λ‘μ„ 확인할 수 μžˆλ‹€.