Web Dev (109) 썸네일형 리스트형 React - Redux Toolkit 사용하여 Login 정보 store에 저장해서 필요할 때 사용하는 방법 ! https://ko.redux.js.org/introduction/getting-started/ https://hanamon.kr/redux%EB%9E%80-%EB%A6%AC%EB%8D%95%EC%8A%A4-%EC%83%81%ED%83%9C-%EA%B4%80%EB%A6%AC-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC/ Redux(리덕스)란? (상태 관리 라이브러리) - 하나몬 Redux(리덕스)란? 무엇인지 부터 간단한 실습까지 (상태 관리 라이브러리 리덕스 알아보기) ⚡️ Redux(리덕스)란? Redux(리덕스)란 JavaScript(자바스트립트) 상태관리 라이브러리이다. Redux(리덕스)의 hanamon.kr 이 분 블로그 너무 잘 설명 되어있습니다. Red.. JAVA의 빌드와 실행 그리고 빌드툴에 대한 기초 지식 빌드(Build) 소스 코드 파일을 컴퓨터에서 실행할 수 있는 독립 SW 가공물로 변환하는과정 독립 SW 가공물 = Artifact 빌드 세분화 1) 소스코드를 컴파일 한다. 2) 테스트 코드를 컴파일한다. 3) 테스트 코드를 실행한다. 4) 테스트 코드 리포트를 작성한다 5) 기타 추가 설정한 작업들을 진행한다. 6) 패키징을 수행한다. 7) 최종sw 결과물(Artifact)를 만들어 낸다. 실행 (Run) 내가 작성한 코드( 혹은 테스트 코드)를 컴파일을 거쳐 , 작동시켜 보는 것 독립 SW 가공물이 나올수도 있고, 나오지 않을 수도 있다. 주의 : 인터프리터 언어는 컴파일이 필요 없다. 위의 과정을 수동으로 할 수는 없다. 빌드 툴 (Build tool) 1. 소스코드의 빌드 과정을 자동으로 처리해.. JVM JRE JDK 개발하기 전에 좀 알고 가자 Java 언어 를 컴퓨터가 어떻게 인식하는지 ? 컴퓨터는 기본적으로 0 과 1의 숫자 밖에 모르는 기계이다. 그러면 사람이 쉽기 적을 수 있게 개발된 코딩 언어는 컴퓨터에게 다시 전부 0과 1이라는 숫자로 변경해줘야 한다. 코딩 언어를 -> 0과1로 변경해주는 과정을 [ 컴파일 ] 이라고 한다. 0과 1의 코드는 바이트 코드(바이너리 코드) 라고한다. [컴파일] 해주는 프로그램을 [컴파일러] 라고 한다. 해당 바이트 코드의 경우 운영체제 마다 조합이 다르다. C 언어는 운영체제에 맞는 컴파일러가 따로 존재한다. 자바는 좀 다른데 자바 컴파일러는 한개만 존재한다. 한개의 컴파일러에서 바이너리 코드를 변환하면 운영체제와 코드 사이에는 JVM 이라는 것이 존재한다. Window JVM , Mac JVM , L.. Visual Studio Code + Java 17 + Gradle + Spring boot 환경설정 [리눅스OS 기반] 저는 우분투 리눅스 OS 환경에서 개발하여 Java 버전 변경이 쉽습니다. 이처럼 우선 저는 java 버전을 17 로 맞춰 줬습니다. VSCode에서 자바 프로젝트를 할 수있게 되었는데 최신 자바 버전인 17 , 21 만 사용이 가능합니다. 리눅스 자바 버전 변경 명령어 sudo update-alternatives --config javac sudo update-alternatives --config java JAVA_HOME 경로 변경 // 경로 확인 echo $JAVA_HOME // 버전이 없다면 설치 sudo apt update sudo apt install openjdk-17-jdk // 경로 변경 echo 'export JAVA_HOME=/usr/lib/jvm/java-17-oracle' >> .. dpkg: 종속성 문제로 jdk-17의 구성이 차단되었습니다: jdk-17 패키지는 다음 패키지에 의존: libc6-x32: 하지만: libc6-x32 패키지는 설치하지 않았습니다. 이 오류는 `jdk-17` 패키지가 `libc6-x32` 패키지에 의존하고 있지만, 시스템에 `libc6-x32` 패키지가 설치되어 있지 않기 때문에 발생합니다. 이러한 종속성 문제는 종종 패키지 설치를 방해하는 일반적인 문제입니다. 해결 방법은 `libc6-x32` 패키지를 설치하거나, `jdk-17` 패키지가 `libc6-x32` 패키지를 필요로하지 않도록 하는 것입니다. `libc6-x32` 패키지를 설치하려면 다음 명령어를 사용합니다: sudo apt-get install libc6-x32 만약 이미 설치되어 있다면, 최신 버전인지 확인할 수 있습니다. `jdk-17` 패키지가 `libc6-x32` 패키지를 필요로 하지 않도록하려면, 다른 버전의 JDK를 설치하거나, 필요에 따라 `jdk-17` .. NEXT.JS RESTful API GET, POST, DELETE 공식문서 보면서 간단하게 POSTMAN으로 테스트 Next.js는 React 애플리케이션을 개발하기 위한 JavaScript 프레임워크로, 서버 사이드 렌더링 (Server-Side Rendering, SSR) 및 정적 사이트 생성 (Static Site Generation, SSG)과 같은 고급 기능을 제공합니다. RESTful API를 구축하려면 Next.js에서 다음과 같은 방법을 사용할 수 있습니다. API 라우트 생성: Next.js에서 API 라우트를 생성하는 가장 간단한 방법은 /pages/api 디렉토리 내에 API 엔드포인트를 만드는 것입니다. 이 디렉토리 내의 파일들은 자동으로 API 엔드포인트로 처리됩니다. 예를 들어, /pages/api/users.js 파일은 /api/users 경로로 호출됩니다. HTTP 메서드 사용: API 라.. [Javascript] 자바스크립트에서 Textarea 값 읽어오기 쉽지만 까먹죠 ! 는 HTML에서 여러 줄의 텍스트를 입력 또는 표시하는 데 사용되는 태그입니다. 다음은 요소의 사용법에 대한 간단한 설명입니다: 요소 생성: id: 요소에 고유 식별자를 제공합니다. JavaScript에서 요소에 접근할 때 사용될 수 있습니다. rows: 표시할 텍스트 영역의 행 수를 지정합니다. cols: 표시할 텍스트 영역의 열 수를 지정합니다. 기본 텍스트 설정: 기본 텍스트 태그 내에 기본 텍스트를 포함시킬 수 있습니다. JavaScript를 사용하여 내용 동적 설정: document.getElementById("myTextarea").value = "동적으로 설정된 내용"; JavaScript를 사용하여 의 내용을 동적으로 설정할 수 있습니다. value 속성을 사용하여 내용을 변경할 수 있습니.. jQuery로 특정 <dive> 태그 위치 이동 하기 prependTo 함수 사용법 //내용 //내용 //내용 //내용 //내용 위의 HTML을 보면 div 태그 별 각 다른 className을 가지고 있습니다. div 태그가 나열 되어있는데 특정 div 태그의 위치를 변경하고 싶었습니다. 저는 기존에 특정 값이 존재하면 특정 div에 active 속성 값을 주는 코드를 가지고 있었습니다. if ($(".count_dcdemo").text() !== "0") { // 해당 태그에 active 클래스 추가 $(".charger_dcdemo").addClass("active"); $(".dcDemo").addClass("active"); } div 태그 위치 이동을 위해 코드를 추가해 보겠습니다. 우선 prependTo 함수와 parent 함수는 jQuery에서 제공되는 DOM 조작을 위한.. 이전 1 2 3 4 5 ··· 14 다음
