리액트 state란?? state는 컴포넌트 내에서 지속적으로 변경이 일어나는 값들을 관리하기 위해 사용된다. 사용자의 입력에 따라 새로운 값으로 자동 재랜더링이 되며 변경이 가능하다. 이해하기 쉽게 설명하면 html에서 변동 시 자동으로 반영되게 하려고 이 state를 사용한다고 생각하면 될 거 같다. useState() impo...

JSX 란? 리액트를 시작한다면 필수적인 JSX 문법!! 정의에 대한 설명은 리액트 공식 페이지 에 너무 잘 나와있기에 간단하고 이해하기 쉽게 정리하고 넘어가겠습니다! JSX는 뭐고 이거를 왜 사용할까? react는 js 안에서 코드를 짜기에 html 언어의 기존의 사용하는 문법을 사용한다면 충돌되는 가능성이 있기에 이를 ...

리액트를 공부하게 된 계기 취업을 준비하면서 리액트에 관심을 갖게 되었다. 아무래도 기업에서 리액트, 뷰 등 사용하는 개발자를 원하기 때문이다. 아무래도 기존에 사용했던 방식과 다르기 때문에 강의자료가 필요했다. 그래서 찾아보다가 코딩 애플님의 강의를 찾게 되어서 이분 강의를 통해 배우고 느낀 점들을 하나씩 기록해 볼 생각이다. 리액트란? 네이버...

웹소켓이란? 웹소켓(WebSocket)은 클라이언트와 서버(브라우저와 서버)를 연결하고 실시간으로 통신이 가능하도록 하는 첨단 통신 프로토콜이다. 쉽게 말해, 웹소켓은 Socket Connection을 유지한 채로 실시간으로 양방향 통신 혹은 데이터 전송이 가능한 프로토콜이다. 오늘날 채팅 어플리케이션, SNS, 구글 Docs, LOL 같은 멀...

요즘 뭐해? (2023.10.05 ~ 2023.11.07) 들어가며 이번 포스팅의 목적은 자바(JAVA) 기반 풀 스택(프런트엔드, 백엔드) 개발 과정 (2023.05.11 ~ 2023.11.14) 에서 진행된 웹 개발 프로젝트로서, 팀 "오늘만 산다"에서 팀장으로서 활동했던 소중한 경험을 잊지 않고 기록하기 위한 포스팅이다. 프로젝트를 들어간 순...

DispatcherServlet 오류 문제 해결 nio-(host)-exec-1 o.a.c.c.C.Tomcat.localhost./ : Initializing Spring DispatcherServlet ‘dispatcherServlet’ 오류 프로젝트 하는 도중 404 SpringBoot의 기본적인 메핑 문제에 계속 시달렸다… 나중에 또 이런 문...

스프링 부트를 이용한 “Hello World” 출력하기 프로젝트를 들어가면서 스프링 부트에 대해 공부하게 됐다. 김영한 강사님의 강의 자료를 참고하여 공부를 시작했다. 오늘은 스프링 부트를 활용하여 제일 기초 단계인 “Hello World”를 출력해보려고 한다! Spring Initializr를 통해 빠르게 시작하기 https://start.s...

[프로그래머스] 자바 12931번 ‘자릿수 더하기’ 문제 풀이 (LV.1) 문제 설명 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. 제한 조건 N의 범위 : 100,000,000 이하의 자연수...

[프로그래머스] 자바 12937번 ‘짝수와 홀수’ 문제 풀이 (LV.1) 문제 설명 정수 num이 짝수일 경우 “Even”을 반환하고 홀수인 경우 “Odd”를 반환하는 함수, solution을 완성해주세요. 제한 조건 num은 int 범위의 정수입니다. 0은 짝수입니다. 입출력 예 num ...

스프링을 이용한 비밀번호 변경 기능 만들어보기 오늘은 스프링을 이용한 비밀번호 변경 기능에 대해서 알아보자!! 변경 기능에 깊숙히 들어가기 전 여기 링크 를 참고하시면 하시면 좋을 거 같습니다. 일단 변경 기능에 대한 메서드들을 살펴보자! 로그인 변경 기능에 필요한 준비 vo ChangePwdCommand ...