전체 글87 [React] if/for 기능 if문 클릭 토글기능구현if함수 대신에 삼항연산자를 쓴다. flag 불리언을 이용해서 on/off를 사용한다(on/off가 디자인패턴중에 뭐였지)import React, { useState } from 'react';import './App.css';function App() { let [a, aChange] = useState(['state1', 'state2', 'state3']); let [flag, flagChange] = useState(false); return ( { a[0] } { a[1] } {flagChange(!flag)} }>{ a[2] } { flag==true ? .. 2021. 5. 15. [React] Component div className이 modal인 내용을 만들고 싶을때 을 사용해서 그 사이에 내용을 넣을 수있고,컴포넌트명은 대문자로 시작 App함수와 같은 위치에 컴포넌트 명의 함수를 생성해서 리턴값으로 표시할 수도 있다.return( ) 안에는 하나의 html로 묶어줘야한다. 2021. 5. 15. [React] State State란?import React, { useState } from 'react';import './App.css';function App() { let [a, aChange] = useState('스테이트 예제1'); let [b, bChange] = useState(['스테이트 arr 1 ','스테이트 arr 2']); return ( { a } { b } { b[0] } );}export default App;먼저 'react'에서 React와 { useState }를 import해줘야한다.useState를 사용해서 선언할때는 보통 destructing을 적용한 변수를 생각하면된다var [a, b] = [1, 2]; .. 2021. 5. 15. [React] Data Binding 데이터를 변수에 저장 ( var a = '변수'; )하고 이것을 그대로 { } 안에 넣어 사용가능 만약 기존 자바스크립트였다면 document.getElementbyId("a"); 를 사용해야함변수를 { } 중괄호 안에 넣는 아이디어를 여러곳에 활용할 수 있는데 이미지 파일 import1번줄에 있는import logo from './logo.svg';는 logo이미지 파일을 가져올 때쓴다. img src={logo}로 사용같은 방식으로 id 나 href, className 태그에도 변수를 { } 안에 넣는 아이디어로 사용 가능 함수를 담을 수 도 있음import logo from './logo.svg';import './App.css';function App() { var a = function(){.. 2021. 5. 15. [React] 리액트101 웹앱(WebApp)을 만들때 리액트, 뷰, 앵귤러 같은걸 사용함 리액트 프로젝트 생성 명령어npx create-react-app 프로젝트명 Success!하면 잘 된것create-react-app 을 쓰려면 node.js를 설치하면된다.(npm) 처음 프로젝트 생성하고 src/App.js들어가면import logo from './logo.svg';import './App.css';function App() { return ( tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yar.. 2021. 5. 11. [CodingTest] 단어뒤집기 import java.util.Scanner;public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String str = sc.next(); String[] strArr = str.split(""); int startNum = 0; int lastNum = strArr.length-1; String tmp; if(strArr.length%2==0) { while(startNum 2021. 5. 9. 이전 1 ··· 3 4 5 6 7 8 9 ··· 15 다음
