Work log - codestates/BuildUp-client GitHub Wiki

์ •์ง„๊ทœ
  • Position: Front-End
  • Skills: Javascript, React Hooks, Redux, HTML, HTTPS, CSS, nodeJS, MySQL
  • Contributions
    1. ์™€์ด์–ดํ”„๋ ˆ์ž„ ์ž‘์„ฑ
      • ๊ฐ ํŽ˜์ด์ง€ ๊ตฌ์„ฑ ์š”์†Œ ์„ค๊ณ„
      • ์ปดํฌ๋„ŒํŠธ ๊ฐ„ ์ƒํ˜ธ๊ด€๊ณ„ ์„ค์ • ๋ฐ ์™€์ด์–ดํ”„๋ ˆ์ž„ Prototype ์ž‘์„ฑ
    2. ์‹œ์Šคํ…œ ์•„ํ‚คํ…์ณ ์ž‘์„ฑ
      • ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ์˜ ํŽ˜์ด์ง€ ์ƒํ˜ธ์ž‘์šฉ๊ณผ ์„œ๋ฒ„์™€ ํ†ต์‹ ์„ ๋‚˜ํƒ€๋‚ธ Workflow ์„ค๊ณ„ ๋ฐ ์ž‘์„ฑ
    3. UI ์„ค๊ณ„
      • Main page, Modal, Carousel, Profile ๋“ฑ ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ ๋ฐ HTMLํƒœ๊ทธ ์„ค์ •
      • ๊ฐ ํŽ˜์ด์ง€ ๋””์ž์ธ ์š”์†Œ ๋ฐ ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ ์„ค๊ณ„
    4. ํ”„๋ก ํŠธ์—”๋“œ ์ž‘์—…ํ™˜๊ฒฝ ์„ค์ •
      • ESlint, Prettier ํ™˜๊ฒฝ์„ค์ •
      • React Hooks, Redux ๊ธฐ๋ณธ์„ค์ •
      • MVC ๊ธฐ๋ฐ˜ ํ”„๋กœ์ ํŠธ ๋””๋ ‰ํ† ๋ฆฌ ๊ณ„ํš ์ˆ˜๋ฆฝ
      • ๋กœ๊ทธ์ธ, ํ† ํฐ ์ƒํƒœ ๋ฐ Path ๊ฒฝ๋กœ์— ๋”ฐ๋ฅธ React Router ๋ถ„๊ธฐ ์„ค์ •
      • ํ”„๋กœ์ ํŠธ ๋กœ์ปฌ ํ…Œ์ŠคํŠธ ๋‹จ๊ณ„์— ํ•„์š”ํ•œ ๋”๋ฏธ๋ฐ์ดํ„ฐ ์ƒ์„ฑ ๋ฐ ์„œ๋ฒ„ ํ…Œ์ŠคํŠธํ™˜๊ฒฝ ๊ตฌ์ถ•
    5. Main Page
      • Main Page ์ปดํฌ๋„ŒํŠธ ์ œ์ž‘ ๋ฐ UI๊ตฌํ˜„
      • React ๊ธฐ๋ฐ˜ ์ธํ”ผ๋‹ˆํ‹ฐ ์Šคํฌ๋กค ํ˜•์‹์˜ Carousel ๊ตฌํ˜„
      • ์„ ํƒํ•œ ๋‚ ์งœ๋ฅผ Redux ์ „์—ญ์ƒํƒœ๋กœ ์„ค์ •ํ•˜์—ฌ Week, Month Page์˜ ๊ตฌ์„ฑ์ด ์‹ค์‹œ๊ฐ„ ๋ฐ˜์˜๋˜๋„๋ก ๊ตฌํ˜„
      • Todo ๋ฆฌ์ŠคํŠธ๋ฅผ Redux ์ „์—ญ์ƒํƒœ๋กœ ์„ค์ •ํ•˜์—ฌ Day, Week, Month Page์˜ CRUD ์ž‘์—…์ด ์—ฌ๋Ÿฌ ์ปดํฌ๋„ŒํŠธ์— ๋™์‹œ์— ๋ฐ˜์˜๋˜๋„๋ก UI์„ค๊ณ„ ๋ฐ ๋กœ์ง ๊ตฌํ˜„
      • Day Page์˜ Drag and Drop ๊ธฐ๋Šฅ์„ React, Javascript, CSS์œผ๋กœ ๊ตฌํ˜„
      • ๋กœ๊ทธ์ธ ํ›„ Summary ํ™”๋ฉด์„ Redux ์ „์—ญ์ƒํƒœ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Todo CRUD ๋ณ€๊ฒฝ์‚ฌํ•ญ์ด ์ฆ‰์‹œ ๋ฐ˜์˜๋˜๋„๋ก UI ์„ค๊ณ„ ๋ฐ ๋กœ์ง ๊ตฌํ˜„
    6. Modal
      • Login, Sign in, Todo Manager ๋ชจ๋‹ฌ์ฐฝ ์ปดํฌ๋„ŒํŠธ ์ œ์ž‘ ๋ฐ UI๊ตฌํ˜„
      • Modal ์ƒํƒœ ๋ฐ ํƒ€์ž…์„ Redux ์ „์—ญ์ƒํƒœ๋กœ ์„ค์ •ํ•˜์—ฌ Login, Sign in์™€ Day, Week, Month Page์™€ ์ƒํ˜ธ์ž‘์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค๊ณ„ ๋ฐ ๋กœ์ง ๊ตฌํ˜„
      • Login, Sign in, Todo Manager์˜ Input๊ณผ Textarea ๊ฐ ํ•ญ๋ชฉ๋ณ„ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ๋ฐ ์—๋Ÿฌ ๋ฉ”์‹œ์ง€ ์ถœ๋ ฅ ๊ธฐ๋Šฅ ๊ตฌํ˜„
      • Todo Manager์˜ CRUD ์ž‘์—…์— ๋”ฐ๋ฅธ ๋ณ€๊ฒฝ์‚ฌํ•ญ์ด Day, Week, Month Page์— ์ฆ‰์‹œ ๋ฐ˜์˜๋˜๋„๋ก UI ์„ค๊ณ„ ๋ฐ ๋กœ์ง ๊ตฌํ˜„
      • Todo ๋ฆฌ์ŠคํŠธ์˜ Drag and Drop ๊ธฐ๋Šฅ์„ React, Javascript, CSS์œผ๋กœ ๊ตฌํ˜„
    7. CSS
      • Main Page CSS ๋ ˆ์ด์•„์›ƒ ์Šคํƒ€์ผ, ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ž‘์—… ๋ฐ ๊ฒ€์ˆ˜
      • Modal CSS ๋ ˆ์ด์•„์›ƒ ์Šคํƒ€์ผ, ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ž‘์—… ๋ฐ ๊ฒ€์ˆ˜
      • Profile CSS ๋ ˆ์ด์•„์›ƒ ์Šคํƒ€์ผ, ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ž‘์—… ๋ฐ ๊ฒ€์ˆ˜
์ „์„ฑ์žฌ
  • Position: Back-End
  • Skills: Node.js, Express, MySQL, Sequelize
  • Contributions
    • SR
      • Backend work flow ์ž‘์„ฑ
    • Back
      • node.js,express๋ฅผ ํ†ตํ•œ ๊ธฐ๋ณธ ์„œ๋ฒ„ ๊ตฌํ˜„
      • ๋ชจ๋“  Controller ์ž‘์„ฑ ๋ฐ ์ˆ˜์ •
      • ํฌ์ŠคํŠธ๋งจ์„ ํ†ตํ•œ ํด๋ผ์ด์–ธํŠธ ์š”์ฒญ๊ณผ ์‘๋‹ต ํ™•์ธ ๋ฐ ์ „๋ฐ˜์ ์ธ ์˜ค๋ฅ˜์ฝ”๋“œ ์ˆ˜์ •
      • Router ์ž‘์„ฑ
      • sequelize๋ฅผ ํ™œ์šฉํ•œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ƒ์‚ฐ ๋ฐ ๊ด€๋ฆฌ
ํ™์„ฑํ˜„
  • Position:Front-End
  • Skills: React, Redux, CSS, JavaScript
  • Contributions
    1. ์™€์ด์–ดํ”„๋ ˆ์ž„ ์ž‘์„ฑ
      • ๊ฐ ํŽ˜์ด์ง€ ๊ตฌ์„ฑ ์š”์†Œ ์„ค๊ณ„ ๋ฐ ๋ณด์กฐ
      • ์ปดํฌ๋„ŒํŠธ ๊ฐ„ ์ƒํ˜ธ๊ด€๊ณ„ ์„ค์ • ๋ฐ ์™€์ด์–ดํ”„๋ ˆ์ž„ Prototype ์ž‘์„ฑ
    2. ์‹œ์Šคํ…œ ์•„ํ‚คํ…์ณ ์ž‘์„ฑ
      • ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ์˜ ํŽ˜์ด์ง€ ์ƒํ˜ธ์ž‘์šฉ๊ณผ ์„œ๋ฒ„์™€ ํ†ต์‹ ์„ ๋‚˜ํƒ€๋‚ธ Workflow ์„ค๊ณ„ ๋ฐ ์ž‘์„ฑ๋ฐ ๋ณด์กฐ
    3. UI ์„ค๊ณ„
      • Main page, Modal, Carousel, Profile ๋“ฑ ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ ๋ฐ HTMLํƒœ๊ทธ ์„ค์ •
      • ๊ฐ ํŽ˜์ด์ง€ ๋””์ž์ธ ์š”์†Œ ๋ฐ ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ ์„ค๊ณ„
    4. ํ”„๋ก ํŠธ์—”๋“œ ์ž‘์—…ํ™˜๊ฒฝ ์„ค์ •
      • HTML, CSS ํƒœ๊ทธ ๋ฐ ๋ฌธ๋ฒ• ๊ฐ€์ด๋“œ ์ž‘์„ฑ
      • Git Branch ๋ฐ ์ปค๋ฐ‹ ๋ฉ”์„ธ์ง€ ๊ทœ์น™ ์ž‘์„ฑ
    5. Main Page
      • Main Page ์ปดํฌ๋„ŒํŠธ UI๊ตฌํ˜„
      • Display Flex๋กœ ๋ฐ˜์‘ํ˜• ์›น ๊ตฌํ˜„
      • ์ „๋ฐ˜์ ์ธ ํŽ˜์ด์ง€ UI๊ตฌํ˜„
      • ๋ผ์šฐํŒ… ๊ธฐ๋Šฅ ๊ตฌํ˜„(history ๊ตฌํ˜„)
    6. Modal
      • Modal UI ๊ตฌํ˜„
      • Login Form ๋””์ž์ธ ๋ฐ ๋ฒ„ํŠผ ํšจ๊ณผ ๊ตฌํ˜„ 7.MyPage
      • MyPage ๋””์ž์ธ ๊ตฌํ˜„ 8.ToDoCalender
      • ์ „์ฒด์ ์ธ UI ๋””์ž์ธ
๊น€์„œ๊ฒฝ
  • Position: Back-End
  • Skills: Node.js, Express, MySQL, Sequelize
  • Contributions
    1. Backend Workflow ์ž‘์„ฑ
      • ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ์™€ ์„œ๋ฒ„ ํ†ต์‹ ์„ ๋‚˜ํƒ€๋‚ธ Workflow ์„ค๊ณ„ ๋ฐ ์ž‘์„ฑ
      • ์„œ๋ฒ„์™€ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ํ†ต์‹ ์„ ๋‚˜ํƒ€๋‚ธ Workflow ์„ค๊ณ„ ๋ฐ ์ž‘์„ฑ
    2. Node.js-Nginx ์„œ๋ฒ„ ๊ตฌํ˜„
      • Express FrameWork
    3. Controller ์ž‘์„ฑ
      • login
      • signup
      • user info
    4. JWT๋ฅผ ์ด์šฉํ•œ ํ† ํฐ ์ธ์ฆ ๋ฐฉ์‹ ๊ตฌํ˜„
      • ์ธ์ฆ ๋ฏธ๋“ค์›จ์–ด ์ž‘์„ฑ
    5. ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ƒ์„ฑ, ๊ด€๋ฆฌ
      • Sequelize๋ฅผ ์ด์šฉํ•œ MySQL DB ์ƒ์„ฑ ๋ฐ CRUD ๊ตฌํ˜„
      • RDS๋ฅผ ์ด์šฉํ•œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๊ด€๋ฆฌ
    6. ๋ฐฐํฌ ๋ฐ ์„œ๋ฒ„ ์„ค์ • ๊ด€๋ฆฌ
      • Nginx๋ฅผ ์ด์šฉํ•œ ํ”„๋ก ํŠธ ๋ฐฐํฌ
      • AWS EC2/ ELB/ Route 53 ์„ ์ด์šฉํ•œ https ์„œ๋ฒ„ ๋ฐฐํฌ
โš ๏ธ **GitHub.com Fallback** โš ๏ธ