분류 전체보기372 [JAVA] 자바의 문자열과 문자열 메서드 정리 자바 문자열 String클래스는 자바에서 문자열을 나타내는 클래스이다. 이 String클래스는 불변(immutable)한 특징을 가진다. 이는 한 번 문자열 객체를 생성하면 변경할 수 없다는 의미이다. 다른 말로 하면, 이 문자열 객체에 새로운 문자열을 넣으면, 기존의 문자열을 수정하지 않고 새로운 문자열 객체를 생성하여 반환환다. 자바는 String 클래스에서 문자열을 다루는 다양한 메소드를 제공한다. 이에 대해서는 아래에 정리한다. String 객체 String 객체는 기존의 객체와 마찬가지로 new키워드로 생성한다. String s1 = new String("hello world"); String s2 = new String("hello world"); 이렇게 생성된 String 객체는 수정할 수 .. 2023. 6. 13. [React] 배열 각 요소 컴포넌트로 전환 배열을 컴포넌트로 전환하는 쉬운 방법을 간략히 정리해놓고자 한다. 우선 App 컴포넌트의 형태는 아래와 같다. import './App.css' import {Hello} from './Hello' export default function App() { const names = ['Bill', 'Chichi', 'Mina']; return ( ) } 여기서 하고자 하는 것은 자식 컴포넌트에서 프롭으로 전달받은 배열의 각 요소를 컴포넌트(예를 들어 div태그에 innerHtml을 해당 배열의 값으로 가지는 컴포넌트)로 전환하는 것이다. 1. for each문 export function Hello({name}){ const arr = []; for(let n of name){ arr.push( {n} ).. 2023. 6. 8. [React] Props에 대하여/프롭 정리 Props에 대하여 React에서 Props는 컴포넌트 간에 데이터를 전달하는 방법이다. 리액트에서는 기본적으로 상위 컴포넌트에서 하위 컴포넌트로 값을 전달할 때 props를 사용한다. Props를 사용하는 방법 Props를 사용하려면, 컴포넌트의 속성으로 Props를 넘겨줘야 한다. 다음은 Props를 사용하는 기본적인 방법이다. 예시: import {Hello} from './Hello' function App() { const names = ['Bill', 'Chichi', 'Mina']; return ( ) } export function Hello(props){ console.log(props.name); return( {props.name} ) } 위 예제를 보면 상위 컴포넌트 App에서 하위.. 2023. 6. 8. [React] Vite를 사용한 리액트 시작 Vite란? Vite는 프랑스어로 빠르다를 의미한다. (필자의 전공 중 하나이기도 하다) Vite는 빠르고 간결한 모던 웹 프로젝트 개발에 초점을 맞춰 탄생한 빌드 도구이다. Vite를 사용하면 쉽고 빠르고 간결하게 각종 라이브러리(프레임워크) 앱을 시작할 수 있다. 기본적으로 기존에 사용하던 creat-react-app으로 생성되는 프로젝트보다 빠르다. 지원중인 템플릿 JavaScript TypeScript vanilla vanila-ts vue vue-ts react react-ts preact preact-ts lit lit-ts svelte svelte-ts 보다시피 자바스크립트 버전과 타입스크립트 버전 모두 지원하고 있음을 확인 할 수 있다. Vite 프로젝트 시작 npm을 이용한다면 아래 명령.. 2023. 6. 8. 이전 1 ··· 14 15 16 17 18 19 20 ··· 93 다음
