전체 글 썸네일형 리스트형 [React] 리액트 시작하기 리액트의 장점인 Virtual DOM을 이용한 빠른 업데이트와 렌더링을 적용하기 위해 HTML 파일에 DOM 컨테이너 추가 -> DOM이 들어있는 곳이 DOM 컨테이너 Root DOM Node라고 부르기도 하는데 Virtual DOM의 시작점(뿌리) CRA(create-react-app) 패키지 리액트 웹 애플리케이션을 개발할 수 있도록 프로젝트를 자동으로 생성해주는 패키지 리액트로 웹 애플리케이션을 개발하는데 필요한 모든 설정이 되어 있는 상태의 프로젝트를 생성해주는 도구 VS Code 터미널에서 명령어 실행 npx create-react-app {your-project-name} npx 명령어는 npm 패키지를 설정하고 곧바로 실행시켜줌 cd my-app npm start 폴더 구조 >node_mod.. 더보기 [React] 리액트 1. 리액트(React) 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리 1) 리액트 정의 사용자 인터페이스(UI, User Interface): 사용자와 컴퓨터 프로그램이 서로 상호작용을 하기 위해 중간에서 서로 간에 입력과 출력을 제어해 주는 것 2) 다양한 자바스크립트 UI 프레임워크 UI 라이브러리: 사용자 인터페이스를 만들기 위한 기능 라이브러리 - 앵귤러(JS AngularJs): 2010년 구글에서 만든 오픈소스 프로젝트로 자바스크립트 기반의 웹 개발 프레임워크2018년에 LTS(Long Term Support: 단기간 버전 업데이트없이 안정적인 버전을 장기간 유지하는 방식)모드에 돌입하였다가 2022년 1월 LTS 중단 선언 후 공식적인 지원 종료 - 리액트(ReactJS): 201.. 더보기 맥 os 자바(JDK) 버전 변경 1. java 버전 확인하기 java -version 2. 설치되어 있는 Java Virtual Machines 목록 확인 /usr/libexec/java_home -V 3. 변경할 버전으로 변경하고 확인하기 예시 1) 1.8 Version export JAVA_HOME=$(/usr/libexec/java_home -v 1.8) source ~/.bash_profile 예시2) 11 Version 더보기 3월 24일 javaFx javaFx Scene Builder 실습 https://github.com/kimskyyyy/java/tree/main/fxSceneBuilder/src GitHub - kimskyyyy/java: java prac java prac. Contribute to kimskyyyy/java development by creating an account on GitHub. github.com 더보기 3월 23일 Scene Builder Scene Builder 예제1 Scene Builder를 이용해서 화면 구현 ListView 내용은 코드로 작성 package ex1; import javafx.application.Application; import javafx.fxml.FXMLLoader; import javafx.scene.Parent; import javafx.scene.Scene; import javafx.scene.control.ListView; import javafx.stage.Stage; public class Ex3 extends Application{ public static void main(String[] args) { launch(args); } @Override public void start(Stage pr.. 더보기 3월 22일 javaFx 1. Lambda package lambdas; interface ILambdaEx01 { void lambda(); } // 구현체 따로 만들어서 구현하기 class LambdaImplEx01 implements ILambdaEx01 { @Override public void lambda() { System.out.println("메서드 호출"); } } public class LambdaEx01 { public static void main(String[] args) { LambdaImplEx01 ex01 = new LambdaImplEx01(); ex01.lambda(); } } package lambdas; interface ILambdaEx02 { void lambda(); } public cl.. 더보기 3월 21일 javafx 1. CheckBox 보통 다중 선택하는 경우 사용 package controls; import javafx.application.Application; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.scene.control.CheckBox; import javafx.scene.layout.HBox; import javafx.stage.Stage; public class CheckBoxEx extends Application { public static void main(String[] args) { launch(args); } /* * 체크박스는 다중 선택할 때 사용 */ @Override public void start(St.. 더보기 3월 20일 javajx 1. BorderPane 상,하, 좌, 우, 중앙에 컨트롤을 배치하는 레이아웃 package layouts; import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.control.Button; import javafx.scene.layout.BorderPane; import javafx.stage.Stage; public class BorderPane01 extends Application{ public static void main(String[] args) { launch(args); } @Override public void start(Stage primaryStage) throws Exception .. 더보기 이전 1 ··· 29 30 31 32 33 34 35 ··· 81 다음
