Coder Social home page Coder Social logo

chat-app's Introduction

Hello! I'm Juyoung (FE Developer)


๐Ÿ”ง Blog: https://velog.io/@ken1204

๐Ÿ“š React, JS(ES6+), TS, Vue.js, Node.js, MongoDB

chat-app's People

Contributors

ttab1204 avatar

Watchers

 avatar

chat-app's Issues

LoginPage ์ œ์ž‘ํ•˜๊ธฐ

์„ค๋ช…

LoginPage ์ œ์ž‘ํ•˜๊ธฐ

ํ•  ์ผ

  • LoginPage UI ๋งŒ๋“ค๊ธฐ
  • Input validation check ๊ตฌํ˜„
  • ๋กœ๊ทธ์ธ ๋กœ์ง ๊ตฌํ˜„
  • Redux store์— ์ €์žฅ๋œ User๊ฐ’์— ๋ณ€ํ™” ์ฃผ๊ธฐ

์ผ์ •

2021.07. 01 ~ 2021.07. 02

[Bug] ๋ชจ๋“  ์œ ์ €์˜ ์ด๋ฆ„์ด ๋…น์ƒ‰์œผ๋กœ ๋‚˜์˜ค๋Š” ์˜ค๋ฅ˜ ๋ฐœ์ƒ

์„ค๋ช…

๋ณธ์ธ์˜ ์ฑ„ํŒ…๋งŒ ์ž์‹ ์˜ ์ด๋ฆ„ ๋ถ€๋ถ„์ด ์ดˆ๋ก์ƒ‰์œผ๋กœ ๋‚˜์™€์•ผ ํ•˜๋Š”๋ฐ, ๋ชจ๋“  ์œ ์ €๊ฐ€ ์ดˆ๋ก์ƒ‰์œผ๋กœ ๋‚˜์˜ค๋Š” ์˜ค๋ฅ˜ ๋ฐœ์ƒ

ํ•  ์ผ

  • ๋ณธ์ธ์˜ ์ด๋ฆ„๋งŒ ์ดˆ๋ก์ƒ‰์œผ๋กœ ๋‚˜์˜ค๋„๋ก ์ฝ”๋“œ ์ˆ˜์ • ํ•„์š”

์ผ์ •

2021.07.05 ~ 2021.07.06

DB์— ์ €์žฅํ•œ ๋ฉ”์‹œ์ง€ ๊ฐ€์ ธ์™€์„œ ๋ณด์—ฌ์ฃผ๊ธฐ

์„ค๋ช…

Firebase DB์— ์ €์žฅํ•œ ๋ฉ”์‹œ์ง€ ๊ฐ€์ ธ์˜จ ํ›„ ๋ณด์—ฌ์ฃผ๊ธฐ

ํ•  ์ผ

  • Firebase DB์—์„œ ์ €์žฅํ•œ ๋ฉ”์‹œ์ง€ ๊ฐ€์ ธ์˜ค๋Š” ํ•จ์ˆ˜ ์ž‘์„ฑ
  • ๊ฐ€์ ธ์˜จ ๋ฉ”์‹œ์ง€๋“ค์„ ํ™”๋ฉด์— ๋ณด์—ฌ์ฃผ๋Š” UI ๋งŒ๋“ค๊ธฐ

์ผ์ •

2021.07.05 ~ 2021.07.06

ChatPage UI ๋งŒ๋“ค๊ธฐ

์„ค๋ช…

ChatPage UI ๊ตฌ์„ฑํ•˜๊ธฐ

ํ•  ์ผ

  • ์™ผ์ชฝ ๋„ค๋น„๊ฒŒ์ด์…˜ ๋ฐ” ๋งŒ๋“ค๊ธฐ
  • Message Header ๋งŒ๋“ค๊ธฐ
  • Message Body ๋งŒ๋“ค๊ธฐ

์ผ์ •

2021.07.02 ~ 2021.07.03

์ฑ„ํŒ…๋ฐฉ ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•˜๊ธฐ

์„ค๋ช…

์ฑ„ํŒ…๋ฐฉ ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•˜๊ธฐ

ํ•  ์ผ

  • ์ฑ„ํŒ…๋ฐฉ ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ์ฑ„ํŒ…๋ฐฉ ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ ์‹œ UI ๊ตฌํ˜„
  • ์ฑ„ํŒ…๋ฐฉ ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ ์งํ›„ ๊ฒฐ๊ณผ UI ๊ตฌํ˜„

์ผ์ •

2021.07.05 ~ 2021.07.06

Message ์ „์†ก ๊ธฐ๋Šฅ ๋งŒ๋“ค๊ธฐ

์„ค๋ช…

Message ์ „์†ก ๊ธฐ๋Šฅ ๋งŒ๋“ค๊ธฐ

ํ•  ์ผ

  • Message ์ „์†ก ๋ฒ„ํŠผ์„ ๋ˆŒ๋ €์„ ๋•Œ irebase database์— ์ €์žฅ๋˜๋„๋ก ํ•˜๊ธฐ
  • ์—”ํ„ฐ ํ‚ค ์ž…๋ ฅ์‹œ ์ด๋ฒคํŠธ ๋ฐœ์ƒํ•˜๋„๋ก ๋งŒ๋“ค๊ธฐ

์ผ์ •

2021.07.05 ~ 2021.07.06

[Bug] ์—…๋กœ๋“œ ๋œ ์ฑ„ํŒ…์ด ๋ฐ”๋กœ ํ™”๋ฉด์— ๋ฐ˜์˜์ด ๋˜์ง€ ์•Š๋Š” ๋ฒ„๊ทธ

์„ค๋ช…

์—…๋กœ๋“œ ๋œ ์ฑ„ํŒ…์ด ๋ฐ”๋กœ ํ™”๋ฉด์— ๋ฐ˜์˜์ด ๋˜์ง€ ์•Š๋Š” ๋ฒ„๊ทธ (์ƒˆ๋กœ๊ณ ์นจ ํ•„์š”)

ํ•  ์ผ

  • ์—…๋กœ๋“œ ๋œ ์ฑ„ํŒ…์ด ๋ฐ”๋กœ ํ™”๋ฉด์— ๋ฐ˜์˜๋  ์ˆ˜ ์žˆ๋„๋ก ์ฝ”๋“œ ์ˆ˜์ • ํ•„์š”

์ผ์ •

2021.07.05 ~ 2021.07.06

Private, Public ์ฑ„ํŒ…๋ฐฉ ๊ตฌ๋ถ„ํ•ด์ฃผ๊ธฐ

์„ค๋ช…

Private, Public ์ฑ„ํŒ…๋ฐฉ ๊ตฌ๋ถ„ํ•ด์ฃผ๊ธฐ
Private์€ DM(์œ ์ €๋ผ๋ฆฌ์˜ ์ฑ„ํŒ…) / Public์€ ์ผ๋ฐ˜ ์ฑ„ํŒ…๋ฐฉ

ํ•  ์ผ

  • Private, Public ์ฑ„ํŒ…๋ฐฉ ๋‹ค๋ฅด๊ฒŒ ๊ตฌ๋ถ„ํ•ด์ฃผ๊ธฐ

์ผ์ •

2021.07.07 ~ 2021.07.08

ChatPage(Message) Header UI ๋งŒ๋“ค๊ธฐ

์„ค๋ช…

ChatPage Header ๋ถ€๋ถ„ UI ๋งŒ๋“ค๊ธฐ

ํ•  ์ผ

  • ChatPage(Message) Header UI ๋งŒ๋“ค๊ธฐ
  • ๋ชจ๋ฐ”์ผ ํ™”๋ฉด ์ด์Šˆ ์ˆ˜์ •
  • ๋ชจ๋ฐ”์ผ ํ™”๋ฉด์„ ์œ„ํ•œ Sidebar๋ฅผ ์—ด๊ณ  ๋‹ซ์„ ์ˆ˜ ์žˆ๋Š” Button ๋งŒ๋“ค๊ณ  ๊ธฐ๋Šฅ ๊ตฌํ˜„

์ผ์ •

2021.07.04 ~ 2021.07.05

ChatPage Body ๋ถ€๋ถ„ UI ๋งŒ๋“ค๊ธฐ

์„ค๋ช…

ChatPage Body ๋ถ€๋ถ„ UI ๋งŒ๋“ค๊ธฐ

ํ•  ์ผ

  • Message Form UI ์™„์„ฑ์‹œํ‚ค๊ธฐ
  • TextArea ๋ถ€๋ถ„ ์™„์„ฑ์‹œํ‚ค๊ธฐ

์ผ์ •

2021.07.04 ~ 2021.07.05

์ฑ„ํŒ… ์ฑ„๋„ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ ๊ตฌํ˜„

์„ค๋ช…

๋ชจ๋‹ฌ์ฐฝ์—์„œ ์ฑ„ํŒ… ์ฑ„๋„์„ ์ถ”๊ฐ€ํ•˜๋Š” ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•˜๊ธฐ

ํ•  ์ผ

  • ์ฑ„ํŒ… ์ฑ„๋„ ์ถ”๊ฐ€ํ•˜๊ธฐ (Firebase DB๊นŒ์ง€ ํฌํ•จ)
  • Redux store์— chat room ์ •๋ณด ์ €์žฅ
  • ์ฑ„ํŒ… ์ฑ„๋„ ์ถ”๊ฐ€ ํ›„ ํ™”๋ฉด์— ๋ณด์—ฌ์ฃผ๊ธฐ

์ผ์ •

2021.07.04 ~ 2021.07.05

๋ฉ”์‹œ์ง€ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ

์„ค๋ช…

๋ฉ”์‹œ์ง€๋ฅผ ํ…์ŠคํŠธ๋กœ ๊ฒ€์ƒ‰ํ–ˆ์„ ๋•Œ ์ฐพ์•„์ฃผ๋Š” ๊ธฐ๋Šฅ ๊ตฌํ˜„ ํ•„์š”

ํ•  ์ผ

  • SearchBar์—์„œ ๋ฉ”์‹œ์ง€๋ฅผ ํ…์ŠคํŠธ๋กœ ๊ฒ€์ƒ‰ํ–ˆ์„ ๋•Œ ์ฐพ์•„์ฃผ๋Š” ๊ธฐ๋Šฅ ๊ตฌํ˜„ ํ•„์š”

์ผ์ •

2021.07.06 ~ 2021.07.07

๋ฉ”์‹œ์ง€ ๊ฒ€์ƒ‰ ์‹œ ๋‹ค๋ฅธ ๋ฐฉ์œผ๋กœ ์ด๋™ํ•ด๋„ ๊ฐ™์€ ๋ฉ”์‹œ์ง€๊ฐ€ ๋‚˜์˜ค๋Š” ๋ฒ„๊ทธ ๋ฐœ์ƒ

์„ค๋ช…

๋ฉ”์‹œ์ง€ ๊ฒ€์ƒ‰ ์‹œ ๋‹ค๋ฅธ ๋ฐฉ์œผ๋กœ ์ด๋™ํ•ด๋„ ๊ฐ™์€ ๋ฉ”์‹œ์ง€๊ฐ€ ๋‚˜์˜ค๋Š” ๋ฒ„๊ทธ ๋ฐœ์ƒ

ํ•  ์ผ

  • ๋‹ค๋ฅธ๋ฐฉ์œผ๋กœ ์ด๋™ํ•˜๋ฉด ๋‹ค๋ฅธ ๋ฐฉ์˜ ๋ฉ”์‹œ์ง€๊ฐ€ ๋‚˜์˜ฌ ์ˆ˜ ์žˆ๋„๋ก ์ˆ˜์ •ํ•˜๊ธฐ

์ผ์ •

2021.07.06 ~ 2021.07.07

Firebase method๋ฅผ ์‚ฌ์šฉํ•ด ์ด๋ฏธ์ง€๋ฅผ ๋ณ€๊ฒฝํ–ˆ์„ ๋•Œ ๋ฐ”๋กœ ํ™”๋ฉด์— ๋ Œ๋”๋ง ๋˜์ง€ ์•Š๋Š” ๋ฒ„๊ทธ

์„ค๋ช…

  • Firebase method๋ฅผ ์‚ฌ์šฉํ•ด ์ด๋ฏธ์ง€๋ฅผ ๋ณ€๊ฒฝํ–ˆ์„ ๋•Œ ๋ฐ”๋กœ ํ™”๋ฉด์— ๋ Œ๋”๋ง ๋˜์ง€ ์•Š๋Š” ๋ฒ„๊ทธ ๋ฐœ์ƒ

ํ•  ์ผ

  • ๋ฒ„๊ทธ ์ˆ˜์ •

์ผ์ •

2021.07.03 ~ 2021.07.04

ChatRooms List UI ๋งŒ๋“ค๊ธฐ

์„ค๋ช…

ChatRooms List UI ๋งŒ๋“ค๊ธฐ

ํ•  ์ผ

  • ChatRooms List UI ๋งŒ๋“ค๊ธฐ (Sidebar)

์ผ์ •

2021.07.02 ~ 2021.07.02

์œ ์ €๊ฐ€ ์ ‘์†์ค‘์ธ์ง€ ์•„๋‹Œ์ง€ ์—ฌ๋ถ€ ํ™•์ธํ•ด์„œ ํ™”๋ฉด์— ๋ณด์—ฌ์ฃผ๊ธฐ (๊ธฐ๋Šฅ ๋ฏธ๊ตฌํ˜„)

์„ค๋ช…

์œ ์ €๊ฐ€ ์ ‘์†์ค‘์ธ์ง€ ์•„๋‹Œ์ง€ ์—ฌ๋ถ€ ํ™•์ธํ•ด์„œ ํ™”๋ฉด์— ๋ณด์—ฌ์ฃผ๊ธฐ

ํ•  ์ผ

  • ์ ‘์†์ค‘์ด๋ฉด ์ดˆ๋ก์ƒ‰, ๋ฏธ์ ‘์† ์ค‘์ด๋ผ๋ฉด ํšŒ์ƒ‰์œผ๋กœ ํ™”๋ฉด์— ๋ณด์—ฌ์ฃผ๋Š” ๋กœ์ง ๊ตฌํ˜„

์ผ์ •

2021.07.08 ~ 2021.07.09

์œ ์ € ์ด๋ฆ„์„ ์„ ํƒํ–ˆ์„ ๋•Œ ํ•ด๋‹น ๋ถ€๋ถ„ ์„ ํƒ๋œ ๊ฒƒ์œผ๋กœ ๋ณด์—ฌ์ง€๊ฒŒ ํ•˜๊ธฐ

์„ค๋ช…

์œ ์ € ์ด๋ฆ„(DirectMessage)์„ ์„ ํƒํ–ˆ์„ ๋•Œ ํ•ด๋‹น ๋ถ€๋ถ„ ์„ ํƒ๋œ ๊ฒƒ์œผ๋กœ ๋ณด์—ฌ์ง€๊ฒŒ ํ•˜๊ธฐ (์ง€๊ธˆ์€ ๋ˆŒ๋Ÿฌ๋„ ์„ ํƒ๋˜์—ˆ๋‹ค๋Š” ํ‘œ์‹œ๊ฐ€ ๋‚˜์˜ค์ง€ ์•Š์Œ)

ํ•  ์ผ

  • ์„ ํƒํ•œ DirectMessage์˜ ๋ฐฉ ์ •๋ณด ๊ฐ€์ ธ์˜ค๊ธฐ
  • ํ•ด๋‹น ๋ฐฉ ์ •๋ณด์™€ ์ผ์น˜ํ•˜๋ฉด ์œ ์ €์˜ uid๊ฐ€ ์ผ์น˜ํ•˜๋ฉด background-color๋ฅผ ๋ฐ”๊ฟ”์ฃผ๋Š” ๋กœ์ง ๊ตฌํ˜„ํ•˜๊ธฐ

์ผ์ •

2021.07.07 ~ 2021.07.08

SignupPage ์ œ์ž‘ํ•˜๊ธฐ

์„ค๋ช…

SignupPage ์™„์„ฑ์‹œํ‚ค๊ธฐ

ํ•  ์ผ

  • SignupPage UI ์ œ์ž‘
  • ๊ฐ input๋งˆ๋‹ค validation check ์‹œํ‚ค๊ธฐ
  • SignupPage API ์š”์ฒญ

์ผ์ •

2021.07.01 ~ 2021.07.02

DirectMessage DB์—์„œ ๊ฐ€์ ธ์™€์„œ ํ™”๋ฉด์— ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

์„ค๋ช…

Firebase DB์—์„œ ๋ฐ์ดํ„ฐ ๊ฐ€์ ธ์˜จ ๋’ค ํ™”๋ฉด์— ๋ณด์—ฌ์ฃผ๊ธฐ

ํ•  ์ผ

  • Firebase DB์— ํ•„์š”ํ•œ ์ •๋ณด ์ €์žฅํ•˜๊ธฐ
  • Firebase DB์—์„œ ๋ฐ์ดํ„ฐ ๊ฐ€์ ธ์˜ค๊ธฐ
  • Redux store์— user ์ •๋ณด ์ €์žฅ
  • Redux๋ฅผ ์ด์šฉํ•ด user ์ •๋ณด ๋ถˆ๋Ÿฌ์™€์„œ ํ™”๋ฉด์— ๋ณด์—ฌ์ฃผ๊ธฐ

์ผ์ •

    1. 07 ~ 2021. 07. 08

์ฑ„ํŒ… ์•Œ๋ฆผ ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•˜๊ธฐ

์„ค๋ช…

์—ฌ๋Ÿฌ ์ฑ„ํŒ… ๋ฐฉ ์ค‘์—์„œ ๋‚ด๊ฐ€ ํ˜„์žฌ ์žˆ๋Š” ์ฑ„ํŒ…๋ฐฉ์ด ์•„๋‹Œ ๊ณณ์—์„œ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์ด ์ฑ„ํŒ…ํ•˜๋ฉด ํ•˜๋‚˜์˜ ์ชฝ์ง€๋‹น ํ•˜๋‚˜์˜ Count๊ฐ€ ์˜ฌ๋ผ๊ฐ€๋Š” ์•Œ๋ฆผ ๊ตฌํ˜„ํ•˜๊ธฐ

ํ•  ์ผ

  • ์ฑ„ํŒ… ์•Œ๋ฆผ UI ๋งŒ๋“ค๊ธฐ
  • ์ฑ„ํŒ… ์•Œ๋ฆผ ๊ธฐ๋Šฅ ๊ตฌํ˜„

์ผ์ •

2021.07.08 ~ 2021.07.09

๋ฒ„๊ทธ

๋กœ์ง์„ ์™„์„ฑํ•˜๊ณ  ์‹คํ–‰์„ ํ–ˆ์„ ๋•Œ, ํ™”๋ฉด์— ์ด๋Ÿฐ์‹์œผ๋กœ ๋‚˜์˜ค์ง€ ์•Š์Œ. (๋นจ๊ฐ„ Badge๊ฐ€ ๋ณด์ด์ง€ ์•Š์•˜์Œ)
image

ํ•ด๊ฒฐ

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.