Code Monkey home page Code Monkey logo

code's Introduction


Triple-Semicolon



πŸ›  SKILL πŸ› 




λͺ©μ°¨

  1. ν”„λ‘œμ νŠΈ μš”μ•½
  2. ν”„λ‘œμ νŠΈ 컨셉 및 λͺ©ν‘œ
  3. ν”„λ‘œμ νŠΈ ERD, κΈ°λŠ₯ λͺ…μ„Έ
  4. μ£ΌκΈ°λŠ₯
  5. 이후 κ³„νš
  6. ν”„λ‘œμ νŠΈλ₯Ό 마치며
  7. Contributor



1. ν”„λ‘œμ νŠΈ μš”μ•½

Triple semicolon μ†Œκ°œ

  • 개발 κΈ°κ°„ : 2022.01.27 ~ 2022.02.14
  • 개발 인원 : μž„μœ€κ΅, μ΅œμ˜ˆμ§€, ν•œλ‹€μ˜
  • 주제 : 초보 κ°œλ°œμžλ“€μ„ μœ„ν•œ μ›Ήμ‚¬μ΄νŠΈ
  • μ—­ν• 
    • Frontend : ν–‡λΉ› 윀ꡐ
    • Backend : 달빛 μ˜ˆμ§€, 별빛 λ‹€μ˜

κ°œμš”

초보 λ§ˆμŒμ€ μ΄ˆλ³΄κ°€ μ•ˆλ‹€!

초보 κ°œλ°œμžκ°€ 망섀이지 μ•Šκ³  자주 λ“œλ‚˜λ“€ 수 μžˆλŠ”, 즉 개발 μ΄ˆλ³΄κ°€ λͺ¨μ—¬ μ„œλ‘œμ˜ λͺ¨λ₯΄λŠ” 점을 κ°€λ₯΄μ³μ£Όκ³  κ°€λ₯΄μΉ¨ λ°›λŠ” κ³΅κ°„μž…λ‹ˆλ‹€. κ³ μˆ˜λ“€μ€ μ΄ˆκΈ‰μžμ˜ μ§ˆλ¬Έμ— λ‹΅λ³€ν•˜λ©° μ•Œκ³ μžˆλŠ” κΈ°λ³Έ κ°œλ…μ„ λ‹€μ Έλ‚˜κ°€κΈΈ 바라며 μ΄ˆλ³΄λ“€μ€ λ‹€λ₯Έ μ΄ˆλ³΄λ“€μ˜ μ§ˆλ¬Έμ— λ‹΅λ³€ν•΄μ£Όλ©° μžμ‹ κ°μ„ μ–»μ–΄κ°€κ³  λ‹€λ₯Έ κ°œλ°œμžλ“€μ΄ λ§ν•΄μ£ΌλŠ” κΏ€νŒλ“€μ„ μ–»μœΌλ©° μ„±μž₯ν•΄ λ‚˜κ°€κΈ°λ₯Ό λ°”λΌλŠ” 마음으둜 μ œμž‘ν•˜μ˜€μŠ΅λ‹ˆλ‹€.


κΈ°λŠ₯


기술 μŠ€νƒ




2. ν”„λ‘œμ νŠΈ 컨셉 및 λͺ©ν‘œ

컨셉

초보 κ°œλ°œμžλ“€μ΄ μ‚¬μš©ν•˜λŠ” μ‚¬μ΄νŠΈμΈλ§ŒνΌ κ·€μ—¬μš΄ 컨셉


λͺ©ν‘œ




3. ν”„λ‘œμ νŠΈ ERD, κΈ°λŠ₯ λͺ…μ„Έ

ER-Diagram


업무뢄석




4. μ£ΌκΈ°λŠ₯

  • 운영자 : 곡지사항 κΈ€ μž‘μ„± / μœ μ €λ“€μ˜ κΈ€ μ‚­μ œ
  • νšŒμ› : 곡지사항 μ—΄λžŒ / qna κ²Œμ‹œνŒ, μž‘λ‹΄ κ²Œμ‹œνŒ 이용 κ°€λŠ₯
  • 곡톡 κΆŒν•œ : 둜그인, λ‘œκ·Έμ•„μ›ƒ, νšŒμ›κ°€μž…, λ§ˆμ΄νŽ˜μ΄μ§€ 및 μœ μ €νŽ˜μ΄μ§€ 쑰회

λ””μžμΈ

image image

νŠΈλ¦¬ν”Œ μ„Έλ―Έμ½œλ‘  ν™ˆνŽ˜μ΄μ§€ λ””μžμΈμ—μ„œ μ‚¬μš©λœ 색상과 μƒ‰μƒμ½”λ“œ μž…λ‹ˆλ‹€. μ£Ό 색상은 λ…Έλž€μƒ‰κ³Ό 연두색 μž…λ‹ˆλ‹€. λ³Έ ν™ˆνŽ˜μ΄μ§€λŠ” μ£Ό μ΄μš©μžκ°€ 초보 κ°œλ°œμžλ“€μ΄ 될 κ²ƒμ΄λ―€λ‘œ, 초보 ν•˜λ©΄ κ°€μž₯ λ¨Όμ € λ– μ˜€λ₯΄λŠ” νŒŒλ¦‡νŒŒλ¦‡ν•˜λ©΄μ„œλ„ κ·€μ—¬μš΄ 이미지λ₯Ό μ μš©μ‹œμΌ°μŠ΅λ‹ˆλ‹€.



κΈ°λŠ₯ Part1

image

[ νšŒμ›κ°€μž… / 둜그인 ]

image

[ 메인화면 ]

image

각 κ²Œμ‹œνŒμ˜ μ΅œμ‹ κΈ€ 및 κΈ°λŠ₯을 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.


[ λ§ˆμ΄νŽ˜μ΄μ§€ ]

image

νšŒμ›μ€λ©”λ‰΄μ—μ„œ λ§ˆμ΄νŽ˜μ΄μ§€λ₯Ό μ„ νƒν•˜λ©΄ λ§ˆμ΄νŽ˜μ΄μ§€ 둜 이동, κ²Œμ‹œνŒμ—μ„œ μœ μ €μ˜ λ‹‰λ„€μž„μ„ μ„ νƒν•˜λ©΄ μœ μ €νŽ˜μ΄μ§€ 둜 μ΄λ™ν•©λ‹ˆλ‹€.
κΈ€ λͺ©λ‘μ„ μ—΄λžŒν•  수 있고 λ§ˆμ΄νŽ˜μ΄μ§€μΈ 경우 μž‘μ„±κΈ€μ„ μ‚­μ œν•  수 μžˆμŠ΅λ‹ˆλ‹€.
운영자 λŠ” μœ μ €νŽ˜μ΄μ§€μ—μ„œ κΈ€ μ‚­μ œκ°€ κ°€λŠ₯ν•©λ‹ˆλ‹€.


[ 곡지사항 ]

image

νšŒμ›μ€ κ³΅μ§€μ‚¬ν•­μ—μ„œ 글을 μ—΄λžŒν•  수 μžˆμŠ΅λ‹ˆλ‹€.
μš΄μ˜μžλŠ” κ³΅μ§€μ‚¬ν•­μ—μ„œ κΈ€ μž‘μ„±, μ‚­μ œ, μ—΄λžŒν•  수 μžˆμŠ΅λ‹ˆλ‹€.



κΈ°λŠ₯ Part2

image

[ Q & A / μ§ˆλ¬Έν•˜κΈ° ]

image

νšŒμ›μ€ 질문과 λ‹΅λ³€ μž‘μ„±, μ—΄λžŒν•  수 있으며, μžμ‹ μ΄ μ“΄ 질문과 닡변을 μ‚­μ œ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
μš΄μ˜μžλŠ” 질문과 λ‹΅λ³€ μž‘μ„±,μ—΄λžŒμ΄ κ°€λŠ₯ν•˜λ©° λͺ¨λ“  질문과 닡변을 μ‚­μ œ ν•  수 μžˆμŠ΅λ‹ˆλ‹€.


[ μ΄λ‹¬μ˜ ν™œλ™μ™• ]

image

νšŒμ›μ€ λ©”λ‰΄μ—μ„œ Q & A / μž‘λ‹΄ν•˜κΈ° κ²Œμ‹œνŒμœΌλ‘œ μ΄λ™ν•˜μ—¬ κΈ€ μ—΄λžŒ, μž‘μ„±ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
λ˜ν•œ μœ μ΅ν•œ μ§ˆλ¬Έμ€ μΆ”μ²œν•  수 있고, 닡변도 μΆ”μ²œμ΄ κ°€λŠ₯ν•©λ‹ˆλ‹€.
κΈ€ μž‘μ„±μž λŠ” κΈ€ μ‚­μ œκ°€ κ°€λŠ₯ν•©λ‹ˆλ‹€.




5. 이후 κ³„νš




6. ν”„λ‘œμ νŠΈλ₯Ό 마치며

Triple-Light ν•œλ§ˆλ””
ν–‡λΉ›μœ€κ΅ μ‹€μ œ κ²½ν—˜μ„ λ°”νƒ•μœΌλ‘œ ꡬ상해낸 주제λ₯Ό 직접 κ°œλ°œν•˜κ³  μ™„μ„±ν•΄λ‚΄μ–΄ λΏŒλ“―ν–ˆλ‹€. ν™ˆνŽ˜μ΄μ§€ μ œμž‘ κ²½ν—˜μ΄ 처음이라 쀑간쀑간 μ–΄λ €μš΄ 뢀뢄도 μžˆμ—ˆμ§€λ§Œ νŒ€μ›λ“€κ³Ό ν•¨κ»˜ κ³΅λΆ€ν•˜κ³  λ„μ™€κ°€λ©΄μ„œ λ¬΄μ‚¬νžˆ 마칠 수 μžˆμ—ˆλ‹€. 이번 ν”„λ‘œμ νŠΈλ₯Ό 톡해 μ„±μž₯ν•œ λ‚˜λ₯Ό λ°œκ²¬ν•΄μ„œ 기뻀고, 이후에 λ§Œλ‚  ν”„λ‘œμ νŠΈμ—μ„œλŠ” 보닀 κΉŠμ€ 이해도λ₯Ό 가지고 진행할 수 μžˆμ„ 것 κ°™λ‹€! :)
λ‹¬λΉ›μ˜ˆμ§€ 아무 생각 없이 μ‚¬μš©ν–ˆλ˜ κΈ°λŠ₯듀을 λ‚΄κ°€ 직접 배우고 κ΅¬ν˜„ν–ˆλ‹€λŠ” 것이 λ†€λžλ‹€. μƒκ°ν•œλŒ€λ‘œ λ§Œλ“€μ–΄λ‚Ό 수 μžˆλ‹€λŠ” 것이 μ’‹μ•„μ„œ 더 μ—΄μ‹¬νžˆ ν•œ 것 κ°™λ‹€. νŒ€μ›λ“€κ³Ό μ„œλ‘œ λΆ€μ‘±ν•œ 뢀뢄을 μ±„μ›Œμ£Όκ³  응원해쀬기 λ•Œλ¬Έμ— 잘 λ§ˆλ¬΄λ¦¬ν•  수 μžˆμ—ˆλ˜ 것 κ°™λ‹€. 첫 ν”„λ‘œμ νŠΈλΌ λ―Έμˆ™ν•œ 뢀뢄도 λ§Žμ•˜μ§€λ§Œ μ–΄λ–€ μ μ—μ„œ λΆ€μ‘±ν–ˆλŠ”μ§€ 잘 νŒŒμ•…ν•  수 μžˆμ—ˆλ˜ μ‹œκ°„μ΄μ—ˆλ‹€.
λ³„λΉ›λ‹€μ˜ Β Β Β Β Β Β Β Β Β Β Β Β Β  λ‚΄κ°€ ν‰μƒμ‹œμ—λ„ μ‚¬μš©ν•  수 μžˆμ„ λ§Œν•œ μ‚¬μ΄νŠΈλ₯Ό λ‚΄μ†μœΌλ‘œ 직접 κ°œλ°œν•΄ λ‚˜κ°€λŠ” 것이 놀라웠닀. 처음 κ²ͺλŠ” 것도 λͺ¨λ₯΄λŠ” 것도 λ§Žμ•„ 어렀움을 κ²ͺμ—ˆμœΌλ‚˜ νŒ€μ›λ“€κ³Όμ˜ μ†Œν†΅κ³Ό ν˜‘μ—…μ„ 톡해 λκΉŒμ§€ ν•΄μ³λ‚˜κ°ˆ 수 μžˆμ–΄ 즐거웠닀. μ•žμœΌλ‘œμ˜ ν”„λ‘œμ νŠΈμ—μ„œλ„ λ§Žμ€ 도움이 될 κ²½ν—˜μ΄μ—ˆμœΌλ©° μžŠμ§€ λͺ»ν•  μΆ”μ–΅μœΌλ‘œ 남을 것 이닀.



7. Contributor

image

code's People

Contributors

aslla3325 avatar choiyezz avatar yungyo avatar

Forkers

choiyezz

code's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.