일반 함수 vs 화살표 함수
평소와 같이 개발을 하다가 Uncaught TypeError: Cannot read properties of undefined (reading 'setState') .... 이런 에러를 만나게 되었다..? undefined의 property를 읽을 수 없다는 거 같
500, 1000건 이상 Bulk 처리
속도 개선을 하게되었다..🥲 로직을 다 이해하고 작업해야하는 속도 개선이 제일 싫지만 이번 건은 꽤 간단하게 해결할 수 있었어서 해결 방법을 간략하게 정리해 보겠습니다! 우선, 간략하게 로직 먼저 알려드리자면 사원정보를 받고 해당 사원이 권한 관리테이블(이하 T
Spring Bean? 미스터 빈..?
Spring을 공부하면서 IoC, DI, DL에 대해서 알게 된 내용을 정리하였습니다 :)개념 정리를 하고, 실제로 Bean을 등록해 보겠습니다 !IoC란?IoC(Inversion of Control)이란 제어의 역전이라고 하며, 객체의 생성, 생명주기의 관리까지 모든
부동소수점 너 뭔데
📒부동소수점과 고정소수점 부동소수점: 좌표 등 약간의 오차가 중요하지 않은 데이터 고정소수점: 금액 등 정확한 값이 필요한 경우에 사용 => decimal.js 라이브러리를 사용하면 부동소수점 연산 문제가 해결됨 ✅ 부동소수점처럼 오차가 발생하는 이유 (http
프로시저 제거를 통해 알게된 내용
회사에서 기존에 사용되던 프로시저 레거시들을 해체해서 mybatis에서 사용되는 형태로 수정하는 작업을 하게 되었다.. 학교에서 전공 수업으로 이론만 배우고 간단한 실습만 해봤던 프로시저들.. 출처: 구글이미지(https://bart-park.tistory.com/
환경설정 시 헷갈리는 부분 / 오류나는 부분
MACHomebrew 설치 (맥북 M2 PRO)https://velog.io/@mouse0429/MACHomebrew-%EC%84%A4%EC%B9%98-%EB%A7%A5%EB%B6%81-M2-PROHomebrew로 JDK 설치https://parkjh
React 초기 화면 뜯어보기 / 기초 학습
컴포넌트 파일 파헤치기! 컴포넌트에 해당하는 코드인 App.js 를 확인해보면 이렇게 구성이 되어있다. 코드를 순서대로 살펴보면 import 한다는 것은 무엇을 불러온다는 뜻이다. 이렇게, import 를 한다는 것은 우리가 webpack 을 사용하기에 가능한
JavaScript
for...in 사용법 - Object위의 예제처럼 obj1 라는 객체를 생성하여 for...in 문법을 사용하면 temp 로 key 값에 접근할 수 있고, obj1\[temp] 와 같은 대괄호 표기법을 이용하여 value 값에 접근할 수 있다.for...in 사용법
React-Virtual DOM
참고사이트https://velopert.com/3612'데이터가 바뀌면 그냥 뷰를 날려버리고 새로 만들어버리면 어떨까?!' React가 시작하게 된 생각이다.그렇지만 브라우저가 게임 엔진도 아니고, DOM 기반으로 동작하는 이 페이지는 그때 그때 새로 뷰를 만
Life Cycle
🐣 혼자 공부하는 용도로 블로그를 보면서 작성한 거라 내용이 상당상당히 비슷합니다. 혹시나 보게 될 사람이 있으시다면 참고 바랍니다!컴포넌트가 브라우저에 나타나기 전, 후에 호출되는 API컴포넌트 생성자 함수, 컴포넌트가 새로 만들어질 때마다 호출되는 함수이다.이 A
async, await
async 키워드는 함수를 선언할 때 붙여줄 수 있다.async 함수는 Promise와 굉장히 밀접한 연관을 가지고 있는데, 기존에 작성하던 executor 로부터 몇 가지 규칙만 적용한다면 new Promise(...)를 리턴하는 함수를 async 함수로 손쉽게 변
동기, 비동기, Promise
JavaScript는 기본적으로 비동기적으로 동작한다.동기 / 비동기✅ 동기란?코드를 위에서부터 순차적으로 읽어 처리하는 방식작업 하나가 끝나면 그 다음 작업을 실행하는 방식동시에 여러 작업을 수행할 수 없다.흐름을 예측하기 쉽고, 실행되는 순서가 명확하다.✅ 비동기란