Notice
Recent Posts
Recent Comments
Link
ยซ   2024/06   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
Archives
Today
Total
๊ด€๋ฆฌ ๋ฉ”๋‰ด

Lennon FE

[์ฝ”๋“œ ๋ฆฌ๋ทฐ] ์ข‹์€ ๊ธฐํšŒ๋กœ ์–ป์€ JS๊ด€๋ จ ์ฝ”๋“œ ๋ฆฌ๋ทฐ2 ๋ณธ๋ฌธ

๐Ÿ˜Š CS(Computer Science & Code Review/Code Review

[์ฝ”๋“œ ๋ฆฌ๋ทฐ] ์ข‹์€ ๊ธฐํšŒ๋กœ ์–ป์€ JS๊ด€๋ จ ์ฝ”๋“œ ๋ฆฌ๋ทฐ2

Lennon 2021. 12. 10. 20:00
728x90
๋ฐ˜์‘ํ˜•

 

1. ์–ผ๋ฆฌ๋ฆฌํ„ด

 

์ผ์ • ์กฐ๊ฑด์„ ๊ฑธ์–ด ํ•จ์ˆ˜์˜ ๋’ท ๋‚ด์šฉ์ด ์‹คํ–‰๋˜์ง€ ์•Š๋„๋ก ํ•  ์ˆ˜ ์žˆ๋‹ค!

 

=> ๊ฐ€๋…์„ฑ ์ธก๋ฉด์—์„œ ์ข‹์Œ

๋ด๋„ ์œ„ ๋ณด๋‹ค ์•„๋ž˜๊ฐ€ ๊ฐ€๋…์„ฑ์ด ์ข‹์€ ๊ฑธ ๋ณผ ์ˆ˜ ์žˆ๋‹ค ใ…Žใ…Ž...

 

 

2. ์œ ์ง€๋ณด์ˆ˜ ์šฉ์ดํ•œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์ž.

 

ํ•ด๋‹น ๋ฏธ์…˜์—๋Š” 2๊ฐ€์ง€์˜ form์ด ์žˆ์–ด ๋ชจ๋“  ํผ์˜ ์ƒˆ๋กœ๊ณ ์นจ์„ ๋ง‰์œผ๋ ค formEventํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ํ•ด๋‹น ๋ฏธ์…˜์—๋Š” ๊ดœ์ฐฎ์ง€๋งŒ ๋งŒ์•ฝ ๋‹ค๋ฅธ form์—์„œ submitํ•˜๋Š” ์ƒํ™ฉ์ด ์ƒ๊ธด๋‹ค๋ฉด ๋Œ์•„๊ฐ€์ง€ ์•Š์„ ๊ฐ€๋Šฅ์„ฑ์ด ์žˆ๋‹ค.

์•„๋ฌด ์ƒ๊ฐ์—†์ด ์ƒˆ๋กœ๊ณ ์นจ ๋‹ค ๋ง‰์•„์•ผ์ง€! ํ•˜๊ณ  ์ง„ํ–‰ํ–ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค.

 

 

3. EOL(End Of Line)

ESLint, Prettier ์„ค์ •์—์„œ EOL์— ๋Œ€ํ•ด ํ•œ ๋ฒˆ ์ฐพ์•„๋ณด๋ผ๊ณ  ๋ง์”€ํ•˜์…จ๋‹ค.

"endOfLine": "auto"

์œผ๋กœ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๊ณ , ์ž๋™์œผ๋กœ ํŒŒ์ผ ๋งจ ๋์— ๊ฐœํ–‰์ด ๋˜๊ฒŒ๋” ํ•ด์ฃผ๋Š” ๊ฒƒ์ด๋‹ค!

 

 

4. Style์€ CSS์—์„œ ์ž‘์„ฑ

js์—์„œ ์Šคํƒ€์ผ์„ ์กฐ์ •ํ–ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ƒ๊ฐํ•ด๋ณด๋‹ˆ cssํŒŒ์ผ์ด ๋”ฐ๋กœ ์žˆ์—ˆ๋Š”๋ฐ ์™œ ๊ทธ๋žฌ๋Š” ์ง€ ๋ชจ๋ฅด๊ฒ ๋‹ค ใ…Žใ…Ž..

 

 

 

+ ๋ฐฐ์—ด์˜ filter์˜ ์กด์žฌ๋ฅผ ์ž ๊น ์žŠ์€ ๊ฒŒ ์–ด์ด๊ฐ€ ์—†์—ˆ๋‹ค.. (map, reduce, forEach๋งŒ ์ƒ๊ฐํ•จ)..

+ ํ•จ์ˆ˜ ๋ฐ ๋ณ€์ˆ˜์˜ ๋„ค์ž„์„ ์ข€ ๋” ๋ช…ํ™•ํ•˜๊ฒŒ ์ž‘์„ฑํ•˜์ž! (์ €๋ฒˆ ์ฃผ์—๋„ ๋“ค์—ˆ๋˜ ์†Œ๋ฆฌ์ง€๋งŒ ์ข€ ๋” ๋ช…ํ™•ํ•˜๊ฒŒ ํ•ด์•ผ๊ฒ ๋‹ค ใ…Žใ…Ž..)

728x90
๋ฐ˜์‘ํ˜•
Comments