분류 전체보기173 React + Typescript 설치 오류 해결 React + Typescript 프로젝트를 연습해보기 위해 아래 글을 참고하여 프로젝트를 만들어봤다.https://time-memorizer.tistory.com/203 React 설치 오류(react@19.0.0 관련)React JS를 공부해보려고 인터넷을 찾아 설치하려고 하는데 오류가 발생했다.npx create-react-app first-appCreating a new React app in /Users/hyosukjung/git/react-app/first-app.Installing packages. This might take a couple of minutestime-memorizer.tistory.com npx create-react-app [프로젝트 이름] --template types.. 2025. 1. 25. 자바스크립트(JavaScript) JSON.stringify & JSON.parse JSON.stringify & JSON.parseJSON.stringify와 JSON.parse는 **JavaScript 객체(Object)**와 JSON 문자열(JSON String) 간의 변환을 수행하는 메서드입니다. 이 두 메서드는 데이터를 저장하거나 전송할 때 자주 사용됩니다. JSON.stringify 역할: JavaScript 객체를 JSON 문자열로 변환합니다.주요 사용 시점:데이터를 서버에 전송할 때데이터를 로컬 저장소에 저장할 때문법:value: 변환할 JavaScript 값(객체, 배열, 등등)replacer (선택): 변환 시 특정 속성을 포함하거나 제외하기 위한 함수 또는 배열space (선택): JSON 문자열의 들여쓰기를 위한 공백이나 탭 수JSON.stringify(value[.. 2025. 1. 24. 자바스크립트(JavaScript) 필터(filter) (chatGPT를 통한 정리내용) filter filter는 자바스크립트 배열(Array)의 내장 메서드 중 하나로, 배열에서 특정 조건을 만족하는 요소들만 추출하여 새로운 배열을 반환합니다. 원본 배열은 변경되지 않고, 조건을 만족하지 않는 요소들은 제외됩니다. filter 메서드의 특징콜백 함수 사용: filter는 콜백 함수를 사용하여 각 배열 요소를 조건에 따라 평가합니다.새로운 배열 반환: 조건을 만족하는 요소들만 포함된 새로운 배열을 반환합니다.원본 배열 변경 없음: filter는 원본 배열을 수정하지 않습니다.조건이 true인 요소만 포함: 콜백 함수에서 true를 반환하는 요소들만 최종 배열에 포함됩니다. filter 문법 callback각 배열 요소에 대해 실행할 함수입니다.element.. 2025. 1. 24. 스프링부트(Spring Boot) 타임리프(Thymeleaf) sec:authorize 적용 안됨 진행중인 스프링 부트 프로젝트에 스프링 시큐리티를 적용 후 thymeleaf 내 'sec:authorize'를 사용해서 로그인 사용자와 비로그인 사용자에게 서로 다른 메뉴를 보여주려고 하였는데 전혀 적용되지 않았다. 로그인 roles 회원가입 환영합니다 dependencies { implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'org.spring.. 2025. 1. 24. 포트 충돌 문제(해결) 인텔리제이로 스프링 부트 프로젝트를 진행하다가 잠깐 다른 스프링 프로젝트를 확인하기 위해 서버를 껐다가 다시 Run 했는데,아래와 같은 에러가 발생했다./Library/Java/JavaVirtualMachines/jdk-11.jdk/Contents/Home/bin/java -Dcatalina.home=/Users/hyosukjung/workspace/apache-tomcat-9.0.89 -Dcatalina.base=/Users/hyosukjung/.SmartTomcat/portfolio_2024/spring -Djava.io.tmpdir=/Users/hyosukjung/.SmartTomcat/portfolio_2024/spring/temp -Djava.util.logging.config.file=/Use.. 2025. 1. 24. Spring Boot 서비스 구조 스프링 부트의 서비스 구조스프링 부트의 서비스 구조는 여러 컴포넌트로 구성되어 있으며, 각 컴포넌트는 서로 다른 책임을 가지고 있습니다. 이 구조를 통해 애플리케이션의 유지보수성과 확장성을 높일 수 있습니다. 1. Client정의: 클라이언트는 애플리케이션의 사용자 인터페이스로, 사용자와 상호작용하는 부분입니다.역할: 웹 브라우저, 모바일 앱 또는 기타 사용자 인터페이스를 통해 사용자가 요청을 보냅니다. 예를 들어, 사용자가 웹 페이지에서 상품을 수정하려고 할 때, 클라이언트에서 해당 요청을 생성합니다.2. Controller정의: 컨트롤러는 HTTP 요청을 처리하고, 적절한 서비스를 호출하여 응답을 생성하는 역할을 합니다.역할:요청 URL과 HTTP 메소드를 매핑하여 클라이언트의 요청을 받아 처리합니다.. 2025. 1. 23. 이전 1 2 3 4 5 6 7 ··· 29 다음
