JSX란? React에서 component는 꼭 저런 형식으로 작성이 되어야 하는데, 이 때 Javascript와 HTML이 합쳐진 문법 일종의 자바스크립트의 확장된 문법 JSX는 React로 개발할 때 주로 사용이 되며, 공식 자바스크립트의 문법이라고 할 수는 없음 JSX의 작성 방법 Javascript 언어 사용 JSX 내부에서 Javascript 언어를 사용하기 위해서는 { }로 코드를 감싸주어야 한다. div로 요소 묶기 하나의 컴포넌트 안에 여러 개의 요소가 존재하면 div 태그로 묶어주어야 한다. // 잘못된 코드 function App(){ return( Hello bad code ) } // 올바른 코드 function App(){ return( Hello good code ) } 조건 연..

앞서 작성한 프로그램 생성 법과 유사한 내용이지만 너무 간단하게 적었나 싶어 조금 더 자세하게 !! 과정을 한 번 더 작성한다. 1. create-react-app ?! - React를 만든 페이스북에서 제공하는 CLI 도구 (CLI : 커맨드 라인 인터페이스) - React를 사용해 프로젝트를 개발하고자 할 때, 아무것도 없는 상태에서 시작하는 것이 아닌 기본적인 틀을 잡아줌 2. 프로젝트 생성 npx create-react-app [ 프로젝트 이름 ] cmd에서 폴더를 만들 위치로 이동한 뒤,, 위에 보이는 명령어를 한 줄만 작성하면 끝이다! 그런 다음 기다리면 요렇게 진행 상황이 보여지고.. 조금만 더 기다리면..! 짠~~! 이렇게 프로젝트의 틀이 만들어진 것이다!! 이렇게 간편하게 만들어지다니 놀..

1. ReactJS 프로그램 생성하는 법 cmd 창에서 파일을 생성하려고 하는 저장소로 이동 후 하단 명령어 입력 npx create-react-app [ 프로젝트 이름 ] VSCode 에서는 터미널에서 npm start 명령어를 통해 프로그램을 실행 App.js import { useState, useEffect } from "react"; function App() { const [counter, setValue] = useState(0); const [keyword, setKeyword] = useState(""); const onClick = () => setValue((prev) => prev + 1); const onChange = (event) => setKeyword(event.target..

1. String 문자열 대문자, 소문자 변환 String myString = "aBcDe"; System.out.println(myString.toUpperCase()); // ABCDE 출력 System.out.println(myString.toLowerCase()); // abcde 출력 System.out.println(myString); // aBcDe 출력 Java에서는 문자열을 대문자로, 혹은 소문자로 변경하는 내장 함수를 제공하고 있다. toUpperCase() -> 대문자형으로 변환 toLowerCase() -> 소문자형으로 변환 위 코드에서 두 메소드는 myString의 값 자체를 변경하는 것이 아닌 새로운 문자열을 리턴하는 것이기 때문에 myString의 값 자체는 변하지 않는다. 2..

자바에는 클래스 변수, 인스턴스 변수, 지역 변수가 존재하며, 변수의 종류는 변수가 선언된 위치에 따라 결정된다. static이 붙어있는 것은 클래스 변수, 붙어있지 않은 것은 인스턴스 변수이다. 인스턴스 변수는 각각 다른 값을 가질 수 있다는 특징을 가지고 있으나, 클래스 변수는 모든 인스턴스가 같은 값을 가지게 된다. 지역 변수는 메서드가 실행되는 동안 사용하다가 끝나면 소멸되어 사용할 수 없게 되는 변수이다. 기본형 (Primitive Type) 참조형 (Reference Type) int, boolean, char, double 등 Person, String, int[] 등 클래스 기반 자료형 변수가 값 자체를 보관한다 실제 값은 메모리 어딘가에 저장, 변수는 그 영역(값)을 ‘가리킨다’. ☆ n..

https://nomadcoders.co/react-for-beginners ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders React for Beginners nomadcoders.co