본문 바로가기

분류 전체보기119

useEffect side effect를 수행할 수 있는 hook 리액트에서의 side effect란? 리액트 컴포넌트 내부에서 데이터를 가져오거나, DOM을 직접 조작하는 것. 해당 동작들은 다른 컴포넌트에 영향을 주거나 렌더링 과정 중에 구현할 수 없는 작업. 2023. 10. 7.
업데이트 해야하는데.. 부트캠프 마지막 과제를 하면서..생판 처음 써보는 nextjs tailwind css 등등을 쓰면서 러닝 커브를 겪느라.. 2023. 9. 26.
프로그래머스 Javascript 코딩 테스트 Lv.0 숨어있는 숫자의 덧셈 문제를 보면 my_string이 매개변수로 주어지고, my_string안의 모든 자연수들의 합을 return하라고 한다. 대신에 연속된 숫자는 ex. 111이면 111이 아닌 1,1,1 이다. my_string에는 숫자만 있는게 아닌 문자와 섞여있는 문자열 형태이고, 처음 이를 해결하기 위해서 정규 표식을 가져다 사용했다. function solution(my_string) { const regex = /[^0-9]/g; const number = my_string.replace(regex, "").split('') const result = number.map(Number) return result.reduce((a, b) => a + b) } 정규 표현식을 사용해서 숫자가 아닌건 모두 찾는 패턴 re.. 2023. 8. 15.
단항 더하기 연산자 문자열인 숫자를 숫자열로 변환하려면 여러가지 방법이 있는데, 오늘은 코테 문제를 풀고, 다른 사람들의 풀이를 보는 도중 이런 방법도 있구나라고 생각했던게 단항 더하기 연산자 이다. 이제까지 parseInt나 parseFloat, Number를 사용했는데 피연산자 앞에 +를 붙이면 피연산자가 숫자가 아니라면 숫자로 변환을 시도한다. const a = "123" console.log(+a) // 123 const b = "hi" console.log(+b) // NaN const c = "123hi" console.log(+c) // NaN 2023. 8. 15.