웹 개발 언어54 리액트의 엘리먼트, 컴포넌트, props 엘리먼트란?리액트 앱의 가장 작은 빌딩 블록 자바스크립트 객체 형태로 존재합니다.화면에 보이는 것을 기술하고 DOM 엘리먼트의 가상 표현입니다. const element = Hello, world; 이 코드가 실행될 때, 대입 연산자의 오른쪽 부분은 리액트의 createElement() 함수를 사용하여 엘리먼트를 생성하게되고 리액트는 이 엘리먼트를 이용해서 실제 화면에서 보게 될 DOM 엘리먼트를 생성합니다. 엘리먼트의 특징한 번 생성된 엘리먼트는 변하지 않습니다.다르게 표현하면 엘리먼트 생성 후에는 children이나 attributes를 바꿀 수 없다는 말이 됩니다. 그렇다면 화면을 갱신시키고 싶다면? 이때 사용하는 것이 컴포넌트입니다. 컴포넌트란?컴포넌트는 엘리먼트를 만드는 틀입니다. 화면 갱신 시.. 2024. 4. 12. JavaFX로 프로젝트 생성하기 - Scene Builder Scene Builder란? 오라클에서 제공하는 Scene Builder도 있지만 gluon에서 제공하는 Scene Builder가 사용성이 더 좋기 때문에 밑의 url에서 다운로드 해줍니다. https://gluonhq.com/products/scene-builder/ 다운로드 후 설치 프로그램 경로를 Window - Preferences - FavaFX 의 SceneBuilder executable에 붙여넣기 해줍니다. 2023. 2. 27. JavaFX 프로젝트 생성하기 이전 포스팅에서 E(fx)clipse 플러그인을 설치하고 이어서 진행합니다. 1. JavaFx SDK 다운로드 하기 https://gluonhq.com/products/javafx/ 링크에 들어가서 SDK를 다운로드 후 압축을 풀어주세요. 사용중인 OS 의 SDK 타입을 다운받으시면 됩니다. 2. 라이브러리 추가하기 Window - Preferences 에서 user libraries 탭에서 New 이름을 지정해주면 새로운 라이브러리가 추가된 것을 볼 수 있습니다. Add External JARs 를 클릭하셔서 sdk의 압축을 푼 경로에 가서 lib 폴더 안에 있는 jar를 모두 선택해줍니다. 추가가 되었다면 Apply 해주세요 3. JavaFX 프로젝트 생성하기 이제 프로젝트를 생성해보겠습니다. Pac.. 2023. 2. 24. JavaFX 플러그인 이클립스 설치하기 ( 설치 중 오류 해결 과정 ) JavaFX는 표준 GUI 라이브러리였던 Swing을 대체하기 위해 만들어진 GUI 라이브러리입니다. RIA(Rich Internet Application)를 디자인하고 만들고 테스트하고 디버그하고 배포할 수 있는 일련의 그래픽과 미디어 패키지입니다. 이클립스에서 사용하기 위해 Help - Eclipse Marketplace에서 javafx를 검색 후 첫번째를 Install 해줍니다. 설치 중 오류가 발생했습니다. An error occurred while collecting items to be installed session context was .... 이라는 오류입니다. 첫번째 시도 이클립스를 관리자 권한으로 실행시켜줍니다. Help 탭에서 Marketplace가 아닌 Install New Sof.. 2023. 2. 24. 이전 1 2 3 4 ··· 14 다음