/PRAC22

Primary LanguageHTML

SNS (portFolio)

πŸ“Œ ν¬ν† ν΄λ¦¬μš© μš©λ„(+곡뢀 λͺ©μ ) 둜 μ œμž‘ν•œ SNS 컨셉 μ›ΉνŽ˜μ΄μ§€ μž…λ‹ˆλ‹€.
πŸ“Œ μΈμŠ€νƒ€κ·Έλž¨μ„ λͺ¨ν‹°λΈŒ μ‚Όμ•„ μ œμž‘ν–ˆμŠ΅λ‹ˆλ‹€.
πŸ“Œ 23.09.28 κΈ°μ€€ 완성본이 μ•„λ‹ˆλ©°, ν˜„μž¬ 진행쀑 μž…λ‹ˆλ‹€.(ν•˜λ£¨ 2μ‹œκ°„μ”© 맀일)
πŸ“Œ μ›Ή 개발의 λͺ¨μ§‘단을 κ³΅λΆ€ν•˜κ³  있기 λ•Œλ¬Έμ— FE, BE κ΅¬λΆ„ν•˜μ§€μ•Šκ³  λͺ¨λ‘ 직접 μž‘μ„± ν–ˆμŠ΅λ‹ˆλ‹€.

πŸ“ intellij, java17, spring framework3.1.0, thymeleaf, spring security6, jpa, oracleDB, html, css

Main Page

+νšŒμ› μœ μ €κ°€ ν”Όλ“œλ₯Ό 올리면 ν™ˆμ— μ—…λ‘œλ“œλ¨
+μ’‹μ•„μš” 및 λŒ“κΈ€μ€ λͺ¨μ–‘λ§Œ λ§Œλ“€μ–΄λ‘κ³  κ΅¬ν˜„μ€ 아직 ν•˜μ§€μ•ŠμŒ (κ΅¬ν˜„ 방법 생각 쀑...)

Navigation Bar (ν™ˆ, 검색, ν”„λ‘œν•„, μ—…λ‘œλ“œ)

+밑쀄 μ• λ‹ˆλ©”μ΄μ…˜ μΆ”κ°€
+λΉ„νšŒμ› μœ μ €μΌ 경우, ν”„λ‘œν•„ 및 μ—…λ‘œλ“œνŽ˜μ΄μ§€ μ ‘κ·Ό λΆˆκ°€(alert("둜그인이 ν•„μš”ν•œ μ„œλΉ„μŠ€μž…λ‹ˆλ‹€");)

Navigation Bar, 검색

+νšŒμ› μœ μ €κ°€ λ‹€λ₯Έ μœ μ €μ˜ IDλ₯Ό κ²€μƒ‰ν•˜λ©΄ ν•΄λ‹Ή μœ μ €μ˜ ν”„λ‘œν•„ νŽ˜μ΄μ§€λ‘œ 이동 (ν•  μ˜ˆμ •)

Navigation Bar, ν”„λ‘œν•„

+νšŒμ› μœ μ € 본인이 올린 ν”Όλ“œ 확인 κ°€λŠ₯
+μ‚­μ œ μ›ν•˜λŠ” ν”Όλ“œ μ‚­μ œ κ°€λŠ₯(DB,λ‘œμ»¬ν΄λ”μ—μ„œ 정보 μ‚­μ œ)

Navigation Bar, ν”„λ‘œν•„ νŽΈμ§‘

+νšŒμ› μœ μ €μ˜ ν”„λ‘œν•„μ΄λ―Έμ§€μ™€ μ†Œκ°œλ₯Ό μ €μž₯ν•˜λ©΄ ν”„λ‘œν•„μ— μ—…λ‘œλ“œλ¨
+νšŒμ› μœ μ €μ˜ ν”„λ‘œν•„μ΄λ―Έμ§€μ™€ μ†Œκ°œλŠ” DB에 μ €μž₯됨

Navigation Bar, μ—…λ‘œλ“œ

+ν™ˆμ— μ—…λ‘œλ“œν•  이미지와 κΈ€ μž‘μ„± κ°€λŠ₯
+이미지 μ—¬λŸ¬κ°œ μ—…λ‘œλ“œ κ°€λŠ₯
+μ—…λ‘œλ“œν•œ 이미지와 글은 DB에 μ €μž₯됨(이미지: folderPath, UUID, fileName - κΈ€: content)
+μ—…λ‘œλ“œν•œ μ΄λ―Έμ§€λŠ” λ‚ μ§œλ³„λ‘œ λ‘œμ»¬ν΄λ”μ— μ €μž₯됨

Footer (GitHub, velog, 둜그인)

+GitHub
+velog
+λ‘œκ·ΈμΈν•œ μœ μ €μ—κ²ŒλŠ” λ‘œκ·Έμ•„μ›ƒ μ•„μ΄μ½˜μœΌλ‘œ λ°”λ€” μ˜ˆμ •

둜그인

νšŒμ›κ°€μž