전체 글161 2025년 2월 목표 2025 연간 목표 개발 실력 늘리기 지금까지 개발자가 되고자 결심한 뒤로 나의 행보는 다음과 같다. 2023년 3월 1일 전 직장 퇴사 2023년 6월 22일 백엔드 부트캠프 시작2023년 12월 23일 백엔드 부트캠프 수료2024년 8월 1일 백엔드 개발자로 입사그리고 벌써 입사한 지 6개월이 지났다. 내가 속한 팀의 프로젝트는 MSA 구조, React, Springboot, kafka, MySQL, k8s 등의 배우기 좋은 기술 스택들을 사용하고 있다. 하지만 그동안 많이 습득하고 성장했느냐라고 물으면 자신 있게 그렇다고 답할 수 없는 것 같다. 이대로는 안될 거 같아 앞으로 월간 목표를 세우고 달성을 해보고자 한다! 무조건 강의를 듣고 따라치는 것이 내 것이 된다고 생각하지 않는다.하.. 2025. 2. 2. React의 setState 업데이트가 꼬일 때, 함수형 업데이트를 써야 하는 이유 React 에서 상태(state) 를 업데이트 할 때 setCounter(count + 1); 로 상태를 업데이트 할 수 있지만, setCounter((current) => current + 1); 처럼 함수형 업데이트를 사용하는 것을 더 권장한다. 왜냐하면 이 방식이 더 상태를 업데이트할 때 안전한 방식이기 때문이다.setCounter(counter + 1); 보다 setCounter((current) => current + 1); 이 더 안전한 이유는 React 의 상태 업데이트 방식 때문이다. 1. 비동기적인 상태 업데이트 React에서 useState의 setState 함수는 비동기적으로 실행된다.즉, 여러 개의 setCounter 호출이 있을 때, 예상과 다르게 이전 값이 덮어 씌워질 가능성이 .. 2025. 2. 2. [Java] 코딩테스트 연습 > 코딩테스트 입문 > 순서쌍의 개수 https://school.programmers.co.kr/learn/courses/30/lessons/120836 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr순서쌍이란 두 개의 숫자를 순서를 정하여 짝지어 나타낸 쌍으로 (a, b) 로 표기합니다. 자연수 n이 매개변수로 주어질 때 두 숫자의 곱이 n인 자연수 순서쌍의 개수를 return 하도록 함수 완성하기 처음에는 class Solution { public int solution(int n) { // n = n int answer = 0; // 1. f.. 2024. 7. 15. [Java] 코딩테스트 연습 > 코딩테스트 입문 > 짝수 홀수 개수 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.krJava의 length, length(), size().length는 배열의 길이 확인 시 사용, .length() 는 문자열의 길이 .size()는 Collection Framework의 ArrayList의 길이를 확인할 때 사용 class Solution { public int[] solution(int[] num_list) { // 1, 2, 3, 4, 5 -> 배열의 길이 4 int[] answer = new int[2]; // 짝수와 홀수의 개수를 담기 answer 배열의 길이가 2 .. 2024. 7. 15. [React ] input 컴포넌트 분리하기 중 에러 / Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()? Check the render method of `ForwardRef(_c)`. Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()? Check the render method of `ForwardRef(_c)`. 번역하면, 경고: 함수 구성요소에는 참조를 제공할 수 없습니다. 이 참조에 액세스하려는 시도는 실패합니다. React.forwardRef()를 사용하려고 하셨나요? `ForwardRef(_c)`의 렌더링 방법을 확인하세요. 구조를 보면 다음과 같다. 회원가입 폼(JoinForm.jsx)에서 input이 많아 불필요한 렌더링이 계속해서 발생하는 것이 비효율적이라고 .. 2024. 6. 25. [React.js / javascript] 구조 분해 할당 시 오류 발생 (JS 객체와 배열의 차이) TypeError: object is not iterable (cannot read property Symbol(Symbol.iterator)) at handleRegTest (http://localhost:3000/main.9345674c7ec34bc46fb5.hot-update.js:64:27) 구조분해할당을 시도할 때 발생할 수 있는 에러이다. 이는 구조 분해 할당의 대상이 되는 객체가 실제로 이터러블이 아닌 경우 발생한다. 확인할 점 1. 구조분해할당 대상 확인 : 구조분해 할당을 시도하는 대상이 실제로 이터러블인지 확인 (배열이나 객체를 구조분해 하려고 할때 대상이 올바른지 확인해야함.) 처음에는 이벤트 핸들러를 호출하는 곳이 여러개가 아니라서 그런가? 헷갈렸는데 상당히 기본적인 실.. 2024. 6. 19. 이전 1 2 3 4 5 ··· 27 다음
