All Day Tired

코딩하는 누나 강의 듣고 정리한 글입니다. state가 변하면 UI를 바꾼다state 형태는 아래와 같다.const [변수, setState] = useState(초기값);state값을 변경하기 위해서는 setState 함수를 통해서 바꿔야한다 state가 바뀌면 UI가 랜더링 됨 그래서 setState 함수를 실행한다고 바로 실행되지 않고 비동기적으로 실행이 됨 setState 함수를 감싼 함수가 끝나야 setState가 실행된다 코드와 함께 설명하면import { useState } from 'react'import './App.css'function App() { const [count, setCount] = useState(0); const increase = () => { setCoun..

코딩하는 누나 강의를 듣고 정리하는 글 입니다. url을 넘길 때 많은 정보를 넘기곤 한다.http://www.yj-dev.com/history 이런식으로 pathVariable로 history라는 정보를 넘기던가http://www.yj-dev.com?id=1&num=23 이런식으로 쿼리파라미터로 id와 num이라는 정보를 넘기던가 먼저 pathVariable을 하려면 history같은 값은 변해야하는 값인데 Router에 어떻게 지정을 해줘야할까?mport { useState } from 'react'import './App.css'import PageA from './page/PageA'import { Routes, Route, Navigate } from 'react-router-dom'//imp..

코딩하는 누나 강의를 들으면서 정리하는 글 입니다! 보통 웹사이트를 보면 여러 페이지를 이동하면서 사용하게 되는데 이 때 리액트에서 필요한 것이 Router Router를 사용하기 위해서는 가장 먼저 리액트 프로젝트에 Router를 설치하는 것이다.아래 명령어를 터미널에 치면 Router 6버전이 설치 된다.npm install react-router-dom@6 그럼 진짜로 Router를 사용해주기 위해서는 main.jsx 파일에서 BrowserRouter를 사용해주자import { StrictMode } from 'react'import { createRoot } from 'react-dom/client'import './index.css'import App from './App.jsx'import {..

일 하는데 이딴 에러가 남...내 경우에는 프로시저 호출하는데 데이터가 안 넘어와서 직접 mssm으로 조회해보는데 안됨...그래서 프로시저 안에 쿼리 하나하나 실행하는데문자열을 날짜 및/또는 시간으로 변환하지 못했습니다.이딴 에러 뜸... 문제 쿼리는 UNION ALL 절인데대략 쿼리를 쓰자면DECLARE @TEMP TABLE( ID VARCHAR(40) , EVENTTIME VARCHAR(MAX))INSERT INTO @TEMPSELECT ID , EVENTTIMEFROM SAMPLE1;SELECT ID , EVENTTIMEFROM SAMPLE2UNION ALLSELECT ID , EVENTTIMEFROM @TEMP 이런 형식의 쿼리였음.근데 여기서 SAMPLE1에 EV..

강의 듣다가 오 이거 학원에서도 배웠는데 해서 정리 겸 작성학원 다닌지도 벌써 3년이네...;; 홈페이지가 있으면 form을 작성해서 저장 버튼을 눌러 내가 작성한 데이터를 저장하는 기능이 반드시 있을 것이다.쇼핑몰만 하더라도 Q&A 글을 작성하고 저장한다. PRG가 아닌 경우PRG를 안 쓴다면Q&A글을 남길 때 저장을 누르고 해당 Q&A로 이동하게 되더라고 주소창을 본다면 '/add'로 남아있을 것이다.이 상태에서 새로고침을 누르면 다시 입력했던 내용이 똑같이 또 저장되고, 또 저장되고, ... 반복...이러한 상황을 피하기 위해 쓰는 것이 PRG(POST Redirect GET) PRG인 경우이것이 PRG 형태다른 점이 있다면 Controller에서 글을 저장하고 서버에서 Redirect를 해준다는 ..

하.. 이직을 했는데...조졌다... 너무 나랑 안 맞는다... 그래서 다시 이직을 준비하렵니다...이직은 신중하게... ^^심지어 C# 하는 중인데 웹개발 다시 하려고 백투더 베이직... ㅋㅋㅋ큐ㅠㅠ MVC란MVC는 그냥 디자인 패턴 중 하나다. MVC 패턴이 유명한 이유는 그저 '이런 디자인 패턴을 따르면 유지보수가 쉽고 편리하다' 라는 이유때문이다. MVC가장 태초의 MVC 패턴클라이언트가 호출하면 Controller가 비즈니스 로직을 처리Model은 데이터로 Controller에서 처리한 로직에서 나온 데이터를 Model로 전달하면 View는 이 Model을 참조하여 화면을 표시 MVC2MVC 패턴에서 발전한 형태좀 더 세부적으로 나누어보자Controller는 오직 컨트롤러 로직만을 처리 -> 클..

와... 이거 배포하는데 3일의 시간을 들임... 온전히 하루의 모든시간을 다 써서 3일이라는 거임.진짜 몇 번을 EC2 인스턴스를 지웠다 새로 만들었다 지웠다 만들었다 했는지... ^^빌드 실패는 오조오억번은 한 듯... ^^하지만 악바리로 배포 성공함 ㅠㅠㅠㅠㅠㅠㅠㅠ 기분 개째져 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ기억이 가물가물 해지기 전에 기록해야지 ㅠㅠㅠㅠㅠㅠㅠㅠ 개발환경Spring Boot 3.4.1java 17mySQLreact 18.3.1 글이 너무너무 길어질 것 같기때문에 앵커로 찾아갈 수 있도록 목차를 써 놓겠다...프로젝트 구조AWS EC2 배포하기EC2 인스턴스 생성하기EC2 인스턴스 접속하기배포하기 위한 프로그램 설치mySql 설치mySql 접근java 17 설치java 17 환경변수 지정git c..

리액트 첨 해보는데 진심 개빡침난 이걸 왜 쓰는지 모르겠다... swiper 쓰는데도 구글링으로 나온 글 다 하라는대로 했는데몽땅 다 안돼서 개빡쳤음 진심 레알...이걸로 2시간 삽질함 거지같아 일단 나는 swiper 9.3.2 버전을 사용했다. 1. npm으로 swiper 다운로드 하기나는 인텔리제이를 사용하고 있어서 인텔리제이 터미널에 가서npm install swiper@9.3.2명령어로 swiper 9.3.2 버전을 다운로드 했다.확인하려면 리액트 다운 받은 디렉토리에 package.json을 보면 swiper 몇버전을 받았는지 알 수 있고node_modules에 swiper 디렉토리가 있는 것을 확인할 수 있다. 2. 필요한 기능들 import 하기나는 아래와 같이 import 했다.import..

강의 듣는데 아마존 리눅스에서 mySql을 설치하는데 자꾸 에러남진심 토씨하나 틀릴 수 없는게 내가 강의 자료 복붙하는데 계속 에러남레알 개빡쳤음... 질문 올라온것도 걍 다시 mySql을 설치할거래 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ그래서 직접 구글링해서 설치함... 하... 문제상황 일단 뭔가 설치를 했는데Error:   Problem: conflicting requests    - nothing provides...이런게 뜨거나아래 명령어를 쳤는데sudo systemctl status mysqld Unit mysqld.service could not be found.위와 같은 내용이 뜬다면 mySql 설치에 실패한 것... 아예 실패... 설치조차도 안된 것... 이렇게 되면 다시 설치를 해야하는데 아래 명령어만..

AppConfig를 쓴다면 @Configuration을 사용했을 것이다.그리고 스프링 빈을 수동으로 등록했다면 코드 상으로 같은 클래스를 여러번 new한 상황이 발생하게 된다.(인스턴스를 한것이지)근데 여기서 의문스프링 빈은 스프링 컨테이너에서 1개씩만 만들어지도록 싱글톤 패턴이라는데 이러면 싱글톤이 아니게 되잖아?이런 의문이 생길 수 있다. 이것을 해결해준 것이 @Configuration스프링이 @Configuration에서 빈으로 만들어야하는 클래스를 조회해서 이 클래스들을 바로 스프링 컨테이너에 올리는게 아니라CGLIB 바이트코드 조작 라이브러리를 사용해서 AppConfig에 있는 클래스들을 상속 받는 클래스를 새로 만들어내서 이 새로 만들어진 클래스를 스프링 빈으로 등록하는 것!이렇게 새로 만들어..