공부한 내용을 바탕으로 간단한 예제를 만들어 보겠습니다 :) 회원가입을 하고 회원 목록을 확인할 수 있는 간단한 프로그램입니다.Image1ImageImageImage1home.html 파일 생성웹 브라우저에서 localhost:8080으로 요청이 왔을 때 맵핑될 메서드

이미지 출처: 인프런 강의(스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술) Spring을 사용한 일반적인 웹 애플리케이션은 역할별로 계층을 나누어 구조화되어 있습니다. 이렇게 계층을 나누면 유지보수성이 좋아지고, 확장성이 뛰어나며, 코드의

이미지 출처: 인프런 강의(스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술)사용자가 웹 브라우저에서 request를 보냄톰켓 서버가 Controller에 해당 URL이 있는지 확인매핑된 메서드에 @ResponseBody 어노테이션이 붙어 있으

MVC는 Model, View, Controller의 약자로, 애플리케이션을 구성하는 주요 역할을 분리한 아키텍처 패턴입니다.관심사의 분리(Separation of Concerns, SoC) 각각의 역할을 독립적으로 나누어, 코드 간의 영향도를 줄이는 것이 핵심입니다

Spring 공부를 시작하게된 EU 공부를 띄엄띄엄 하면서 전체적인 흐름을 아는 능력이 부족하다고 느끼고 인프런 강의를 찾아보다가 무료 강의로 무려 김영한님의 강의가 있길래 들으면서 내용 정리를 하였습니다. 인프런 강의 위 강의를 참고해서 작성하였습니다 :) 먼저

평소와 같이 개발을 하다가 Uncaught TypeError: Cannot read properties of undefined (reading 'setState') .... 이런 에러를 만나게 되었다..? undefined의 property를 읽을 수 없다는 거 같

속도 개선을 하게되었다..🥲 로직을 다 이해하고 작업해야하는 속도 개선이 제일 싫지만 이번 건은 꽤 간단하게 해결할 수 있었어서 해결 방법을 간략하게 정리해 보겠습니다! 우선, 간략하게 로직 먼저 알려드리자면 사원정보를 받고 해당 사원이 권한 관리테이블(이하 T

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

컴포넌트 파일 파헤치기! 컴포넌트에 해당하는 코드인 App.js 를 확인해보면 이렇게 구성이 되어있다. 코드를 순서대로 살펴보면 import 한다는 것은 무엇을 불러온다는 뜻이다. 이렇게, import 를 한다는 것은 우리가 webpack 을 사용하기에 가능한

for...in 사용법 - Object위의 예제처럼 obj1 라는 객체를 생성하여 for...in 문법을 사용하면 temp 로 key 값에 접근할 수 있고, obj1\[temp] 와 같은 대괄호 표기법을 이용하여 value 값에 접근할 수 있다.for...in 사용법

참고사이트https://velopert.com/3612'데이터가 바뀌면 그냥 뷰를 날려버리고 새로 만들어버리면 어떨까?!' React가 시작하게 된 생각이다.그렇지만 브라우저가 게임 엔진도 아니고, DOM 기반으로 동작하는 이 페이지는 그때 그때 새로 뷰를 만

Yarn or yarn install을 쳤는데 ... incorrect data 에러가 뜰 때

🐣 혼자 공부하는 용도로 블로그를 보면서 작성한 거라 내용이 상당상당히 비슷합니다. 혹시나 보게 될 사람이 있으시다면 참고 바랍니다!컴포넌트가 브라우저에 나타나기 전, 후에 호출되는 API컴포넌트 생성자 함수, 컴포넌트가 새로 만들어질 때마다 호출되는 함수이다.이 A

async 키워드는 함수를 선언할 때 붙여줄 수 있다.async 함수는 Promise와 굉장히 밀접한 연관을 가지고 있는데, 기존에 작성하던 executor 로부터 몇 가지 규칙만 적용한다면 new Promise(...)를 리턴하는 함수를 async 함수로 손쉽게 변

JavaScript는 기본적으로 비동기적으로 동작한다.동기 / 비동기✅ 동기란?코드를 위에서부터 순차적으로 읽어 처리하는 방식작업 하나가 끝나면 그 다음 작업을 실행하는 방식동시에 여러 작업을 수행할 수 없다.흐름을 예측하기 쉽고, 실행되는 순서가 명확하다.✅ 비동기란

람다식을 알기 위해서는 ‘익명 함수’와 ‘일반 함수’를 알아야 한다.둘의 차이는 함수명의 유무이다.익명함수는 익명이라는 이름처럼 메모리를 차지하지 않는다. 따라서 람다로 코딩을 하면 메모리가 사용되지 않으므로 재사용하지 않고 일회성으로 사용된다. 이러한 이유로 익명함수

함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위(스코프)의 최상단에 선언하는 것 같은 현상을 말함.자바스크립트 함수는 실행되기 전에 함수 안에 변수값들을 모두 모아서 유효 범위의 최상단에 선언한다.자바스크립트 Parser가 하수 실행 전에 해당 함수를 한