codestates / codestates/AnimalChat

[Dev Log๐Ÿธ] ์ด์ƒ์•„ / 211008

Open
#88 0 comments 0 reactions 0 assignees View on GitHub
dev-log
Dominant language
JavaScript
Stars
0
Forks
3
PR merge metrics
No merged PRs in 30d

Description

## ์˜ค๋Š˜์€ ์–ด๋–ป๊ฒŒ ํ”„๋กœ์ ํŠธ์— ๊ธฐ์—ฌํ–ˆ๋‚˜์š”?
- ๊ฒŒ์‹œํŒ ํŽ˜์ด์ง€๋ฅผ ์œ„ํ•œ ์ปดํฌ๋„ŒํŠธ ์ž‘์„ฑ
- ํƒ€์ดํ‹€, ๋งˆ์ดํŽ˜์ด์ง€, ๋กœ๊ทธ์•„์›ƒ ๋ฒ„ํŠผ๊ณผ ๋ผ์šฐํŠธ๋ฅผ ํฌํ•จํ•œ Header
- ๊ฐ๊ฐ์˜ ๊ฒŒ์‹œํŒ ํŽ˜์ด์ง€์™€ ๋ผ์šฐํŠธ๋ฅผ ์—ฐ๊ฒฐ์‹œํ‚จ Navigation
- ๊ฒŒ์‹œ๋ฌผ ๋ชฉ๋ก์„ ๋ณด์—ฌ์ฃผ๋Š” Posts
- ๊ฒŒ์‹œ๋ฌผ ํ•˜๋‚˜ํ•˜๋‚˜์— ์‚ฌ์šฉํ•  SinglePostOnBoard
- ๊ฒŒ์‹œํŒ ํŽ˜์ด์ง€ ์ž‘์„ฑ ๋ฐ ๋ผ์šฐํŒ…

## ์˜ค๋Š˜์˜ ํ”„๋กœ์ ํŠธ์—์„œ ํž˜๋“  ์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š”?
- CSS ์ž‘์„ฑ์„ ์‹œ์ž‘ํ•˜๋ฉด์„œ ํ˜ผ๋ž€์Šค๋Ÿฌ์šด ๋ถ€๋ถ„์ด ๋งŽ์•˜๋‹ค.
- CSS ๋ฐ•์Šค๋ชจ๋ธ์„ ๋ฏธ๋ฆฌ ๋ชจ๋“  ๋ฐ•์Šค ์š”์†Œ(?)์— ์ ์šฉํ•˜๊ณ  CSS์ž‘์—…์„ ์‹œ์ž‘ํ–ˆ์œผ๋ฉด ์ข‹์•˜๊ฒ ๋‹ค.
- ๋’ค๋Šฆ๊ฒŒ reset.css๊ฐ€ ๋– ์˜ฌ๋ž๋‹ค.
- CSS ํŒŒ์ผ์„ ์“ธ์ง€, styled-component์™€ ๊ฐ™์€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ• ์ง€, ์ธ๋ผ์ธ์œผ๋กœ ์Šคํƒ€์ผ์„ ์ง€์ •ํ• ์ง€ ๋ฏธ๋ฆฌ ํ•ฉ์˜ํ–ˆ์œผ๋ฉด ์ข‹์•˜๊ฒ ๋‹ค.
- ์˜ˆ์ƒ์น˜ ๋ชปํ•˜๊ฒŒ CSS grid ๋ ˆ์ด์•„์›ƒ ์‚ฌ์šฉ๋ฒ•์„ ํ•™์Šตํ•˜๋ฉด์„œ ๊ธด ์‹œ๊ฐ„์„ ์‚ฌ์šฉํ–ˆ๋‹ค. ์ปดํฌ๋„ŒํŠธ์— ์ ์šฉํ•ด์•ผํ•˜๋Š” ๋ถ€๋ถ„๋งŒ ์ƒ๊ฐํ–ˆ๋‹ค๋ฉด ์†Œ์š” ์‹œ๊ฐ„์„ 30% ์ •๋„ ์ค„์ผ ์ˆ˜ ์žˆ์—ˆ์„ ๊ฒƒ ๊ฐ™๋‹ค.
- ์ปดํฌ๋„ŒํŠธ์™€ ํŽ˜์ด์ง€๋ฅผ ๊ตฌ๋ถ„ํ•œ ๋’ค react-route-dom์œผ๋กœ ๋ผ์šฐํŠธ๋ฅผ ์ ์šฉ์‹œํ‚ค๋Š” ๊ฒƒ์ด ์ƒ๊ฐ๋งŒํผ ์‰ฝ์ง€ ์•Š์•˜๋‹ค.
- ์ด๋ฏธ Switch์™€ Route๊ฐ€ ๋“ค์–ด๊ฐ„ ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ผ์šฐํŒ…ํ•  ๋ฐฉ๋ฒ•์€ ์—†์„๊นŒ?
- ๊ผญ ๊ทธ๋ž˜์•ผ๋งŒ ํ• ๊นŒ? ๐Ÿ˜‚

## ๋‚ด์ผ์€ ํ”„๋กœ์ ํŠธ์— ๊ธฐ์—ฌํ•˜๊ธฐ ์œ„ํ•ด ๋ฌด์—‡์„ ํ•ด์•ผ ํ•˜๋‚˜์š”?
- [ ] ๋งˆ์ดํŽ˜์ด์ง€ / ๋น„๋ฐ€๋ฒˆํ˜ธ ์ˆ˜์ • / ํšŒ์›์ •๋ณด ์ˆ˜์ • ํŽ˜์ด์ง€ ์ค‘ ํ•œ ํŽ˜์ด์ง€ ์ด์ƒ์„ ๊ณจ๋ผ ์ฝ”๋“œ ์ž‘์„ฑ
- ์ž‘์„ฑ ์ „์— ๋ฏธ๋ฆฌ ์ƒ๊ฐํ•  ๊ฒƒ๋“ค
- [ ] ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋” ์ชผ๊ฐค ์ˆ˜ ์žˆ์„๊นŒ?
- [ ] ๋ ˆ์ด์•„์›ƒ : flex? grid? ๋‘˜ ๋‹ค?
- [ ] ๋ผ์šฐํŒ… ์„ค๊ณ„ - flow chart ์ฐธ๊ณ ํ•˜๊ธฐ
- [ ] CSS ๋ฐ•์Šค ๋ชจ๋ธ ์žŠ์ง€ ์•Š๊ธฐ

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.