πŸ‘©‍πŸ’»κ°œλ°œ_TIL 23

[λ¦¬μ•‘νŠΈ] 'react-scripts'은(λŠ”) λ‚΄λΆ€ λ˜λŠ” μ™ΈλΆ€ λͺ…λ Ή, μ‹€ν–‰ν•  수 μžˆλŠ” ν”„λ‘œκ·Έλž¨, λ˜λŠ” 배치 파일이 μ•„λ‹™λ‹ˆλ‹€

yarn start둜 μ‹€ν–‰μ‹œν‚€λ €κ³  ν•˜λŠ”λ° λ‹€μŒκ³Ό 같은 μ—λŸ¬κ°€ λ°œμƒν–ˆμŠ΅λ‹ˆλ‹€. ꡬ글링을 ν•΄λ³΄λ‹ˆ, npm을 μ΅œμ‹  λ²„μ „μœΌλ‘œ ν•΄κ²°ν•˜λ©΄ λ˜λŠ” λ¬Έμ œμ˜€μŠ΅λ‹ˆλ‹€. 터미널에 npm update λ₯Ό μž…λ ₯ν•˜κ³  λ‹€μ‹œ npm startλ‚˜ yarn startλ₯Ό ν•˜λ©΄ λ©λ‹ˆλ‹€. ν˜Ήμ‹œ npm audit 이 보이면 κ·ΈλŒ€λ‘œ μ‹€ν–‰ν•˜λ©΄ λ©λ‹ˆλ‹€. (μ·¨μ•½μ„± 검사) https://kim-mj.tistory.com/269 [React/μ—λŸ¬] 'react-scripts'은(λŠ”) λ‚΄λΆ€ λ˜λŠ” μ™ΈλΆ€ λͺ…λ Ή, μ‹€ν–‰ν•  수 μžˆλŠ” ν”„λ‘œκ·Έλž¨, λ˜λŠ” 배치 파일이 λ¦¬μ•‘νŠΈλ₯Ό μ‹œμž‘ν•˜κ±°λ‚˜ git clone을 받은 ν›„, npm install을 ν•˜κ³  npm startλ₯Ό ν–ˆμŒμ—λ„ 'react-scripts'은(λŠ”) λ‚΄λΆ€ λ˜λŠ” μ™ΈλΆ€ λͺ…λ Ή, μ‹€ν–‰ν•  수 μžˆλŠ” ν”„λ‘œκ·Έλž¨, λ˜λŠ” 배치 파일이 ..

κ°€μš°μŠ€μ˜ 재림으둜 μ•Œμ•„λ³Έ κ°€μš°μŠ€ 곡식 (λ“±μ°¨μˆ˜μ—΄μ˜ ν•©)

ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€ Level 1 λ¬Έμ œλ“€μ„ ν’€λ©΄μ„œ μœ λ… 자주 보이던 풀이가 λ°”λ‘œ κ°€μš°μŠ€ 계산법이라고도 λΆˆλ¦¬λŠ” λ“±μ°¨μˆ˜μ—΄μ˜ ν•©μž…λ‹ˆλ‹€. μ—°μ†ν•œ 두 ν•­μ˜ μ°¨κ°€ μΌμ •ν•œ λ“±μ°¨μˆ˜μ—΄μ˜ 합은 첫 ν•­κ³Ό λ§ˆμ§€λ§‰ 항을 λ”ν•œ λ’€ ν•­μ˜ 개수λ₯Ό κ³±ν•˜κ³  2둜 λ‚˜λˆˆ 값이 λ©λ‹ˆλ‹€. ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€ 문제 μ€‘μ—μ„œλŠ” '두 μ •μˆ˜ μ‚¬μ΄μ˜ ν•©', 'λΆ€μ‘±ν•œ κΈˆμ•‘ κ³„μ‚°ν•˜κΈ°'μ—μ„œ ν™œμš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. λ“±μ°¨μˆ˜μ—΄μ˜ 합을 써먹어 λ΄…μ‹œλ‹€ 이 κ°„λ‹¨ν•œ 곡식을 μ‚¬μš©ν•˜λ©΄ λ‚˜μ€‘μ—λ„ μœ μš©ν•˜κ² λ‹€κ³  μƒκ°ν•΄μ„œ, '두 μ •μˆ˜ μ‚¬μ΄μ˜ ν•©'μ΄λΌλŠ” 문제λ₯Ό 쑰금 더 λ“€μ—¬λ‹€λ³΄λ©΄μ„œ λ“±μ°¨μˆ˜μ—΄μ˜ 합을 ν™œμš©ν•˜λŠ” 방법을 μ •λ¦¬ν•΄λ³΄κ² μŠ΅λ‹ˆλ‹€. 두 μ •μˆ˜ a, b 사이에 μ†ν•œ μ •μˆ˜λ₯Ό ν¬ν•¨ν•œ μ •μˆ˜μ˜ 합을 λ°˜ν™˜ν•˜λŠ” ν•¨μˆ˜λ₯Ό μž‘μ„±ν•˜λŠ” λ¬Έμ œμž…λ‹ˆλ‹€. https://programmers.co.kr/learn/courses/30..

[μžλ°”μŠ€ν¬λ¦½νŠΈ] reduce λ©”μ„œλ“œ κ°œλ… 정리 λͺ¨μŒ

https://bit.ly/35eQww5 (JavaScript) map, reduce ν™œμš©ν•˜κΈ° - ν•¨μˆ˜ν˜• ν”„λ‘œκ·Έλž˜λ° μ•ˆλ…•ν•˜μ„Έμš”. 이번 μ‹œκ°„μ—λŠ” mapκ³Ό reduce λ©”μ„œλ“œμ— λŒ€ν•΄ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. 배열에 μžˆλŠ” λ°”λ‘œ κ·Έ mapκ³Ό reduce λ§žμŠ΅λ‹ˆλ‹€. λ§Žμ€ 뢄듀이 forEachλŠ” μ‚¬μš©ν•˜μ‹œλŠ”λ° mapκ³Ό reduceλŠ” 잘 μ•ˆ μ“°μ‹œλ”λΌκ³ μš”. 그리고 redu www.zerocho.com MDN λ¬Έμ„œμ—μ„œ μ„€λͺ…ν•˜λŠ” reduce λ©”μ„œλ“œ κ°œλ… Array.prototype.reduce() - JavaScript | MDN reduce() λ©”μ„œλ“œλŠ” λ°°μ—΄μ˜ 각 μš”μ†Œμ— λŒ€ν•΄ 주어진 λ¦¬λ“€μ„œ(reducer) ν•¨μˆ˜λ₯Ό μ‹€ν–‰ν•˜κ³ , ν•˜λ‚˜μ˜ 결과값을 λ°˜ν™˜ν•©λ‹ˆλ‹€. developer.mozilla.org https://bit.ly/33Ijpk7..

[μžλ°”μŠ€ν¬λ¦½νŠΈ] λ°°μ—΄μ˜ νŠΉμ • 값을 μ°ΎλŠ” λ©”μ„œλ“œ 정리 λͺ¨μŒ

1. find vs findIndex vs indexOf https://bit.ly/3Awj1RK λ°°μ—΄ λ‚΄μž₯ν•¨μˆ˜ (indexOf / findIndex / find) indexOf λŠ” λ°°μ—΄μ—μ„œ μ›ν•˜λŠ” νŠΉμ • ν•­λͺ©μ΄ λ°°μ—΄μ˜ λͺ‡λ²ˆμ§Έ μ›μ†ŒμΈμ§€ μ°Ύμ•„ indexλ₯Ό λ¦¬ν„΄ν•΄μ£ΌλŠ” ν•¨μˆ˜. (λ§Œμ•½μ— λͺ»μ°ΎμœΌλ©΄ -1 리턴)λ§Œμ•½ μœ„μ—μ„œ 처럼 μ°Ύκ³ μžν•˜λŠ” 것이 boolean, μ •μˆ˜, λ¬Έμžμ—΄... 이면 μœ„μ™€ 같이 velog.io find κ°œλ… findIndex κ°œλ… indexOf κ°œλ…

[μžλ°”μŠ€ν¬λ¦½νŠΈ] ν—·κ°ˆλ¦¬λŠ” 반볡문/λ©”μ„œλ“œ 비ꡐ λͺ¨μŒ

1. for in 반볡문 vs for of 반볡문 https://bit.ly/3rN3ed5 for ...in, for ...of 차이 자주 ν—·κ°ˆλ¦¬λŠ”κ²Œ μžˆμ–΄μ„œ ν•œλ²ˆ ν¬μŠ€νŒ…ν•΄λ΄…λ‹ˆλ‹€.λ°”λ‘œ 반볡문 쀑에 ES6 λΆ€ν„° μΆ”κ°€ 된for ...infor ...ofμž…λ‹ˆλ‹€.λ‘˜λ‹€ 반볡문으둜 μ‚¬μš© λ˜λŠ”λ°μš” ν•˜λ‚˜λŠ” 객체λ₯Ό νƒμƒ‰ν•˜κ³  λ‚˜λ¨Έμ§€ ν•˜λ‚˜λŠ” λ°°μ—΄ μš”μ†Œλ₯Ό 탐색 velog.io https://bit.ly/3FXUNRn Iteration (2) for inλ¬Έ, for of문의 차이점 for ...inλ¬Έκ³Ό for ...of 문은 μ–Έλœ» 보면 λ‘˜λ‹€ 객체 길이만큼 순회λ₯Ό λ°˜λ³΅ν•˜κΈ° λ•Œλ¬Έμ— λΉ„μŠ·ν•΄λ³΄μΈλ‹€. κ·Έλž˜μ„œ 자꾸 μ‚¬μš©ν•  λ•Œλ§ˆλ‹€ ν—·κ°ˆλ¦¬κΈ°λ„ ν•΄μ„œ λ‹€μ‹œ ν•œλ²ˆ μ œλŒ€λ‘œ 정리λ₯Ό 해두렀고 ν•œλ‹€. for …in λ¬Έ joooing.tistory.com ..

둜또의 졜고 μˆœμœ„μ™€ μ΅œμ € μˆœμœ„

둜또의 졜고 μˆœμœ„μ™€ μ΅œμ € μˆœμœ„ https://programmers.co.kr/learn/courses/30/lessons/77484 μ½”λ”©ν…ŒμŠ€νŠΈ μ—°μŠ΅ - 둜또의 졜고 μˆœμœ„μ™€ μ΅œμ € μˆœμœ„ 둜또 6/45(μ΄ν•˜ '둜또'둜 ν‘œκΈ°)λŠ” 1λΆ€ν„° 45κΉŒμ§€μ˜ 숫자 쀑 6개λ₯Ό μ°μ–΄μ„œ λ§žνžˆλŠ” λŒ€ν‘œμ μΈ λ³΅κΆŒμž…λ‹ˆλ‹€. μ•„λž˜λŠ” 둜또의 μˆœμœ„λ₯Ό μ •ν•˜λŠ” λ°©μ‹μž…λ‹ˆλ‹€. 1 μˆœμœ„ 당첨 λ‚΄μš© 1 6개 λ²ˆν˜Έκ°€ λͺ¨λ‘ 일치 2 5개 번호 programmers.co.kr 일치 번호 κ°œμˆ˜μ™€ μˆœμœ„κ°€ 달라 ꡬ뢄이 ν•„μš”ν–ˆμŠ΅λ‹ˆλ‹€. μ œκ°€ ν‘Ό 방식은 μ•„λž˜μ™€ κ°™μŠ΅λ‹ˆλ‹€. 1. λ‚˜μ˜ 풀이 function solution(lottos, win_nums) { let answer = []; let minNum = lottos.filter(n => win_nums.include..

1 2 3 4