본문 바로가기

Dev74

[Java] 자바의 정석 기초편 ch7-12~14 패키지(package), 클래스 패스 ch7-12 패키지 (package) - 서로 관련된 클래스의 묶음 - 클래스는 클래스 파일(*.class), 패키지는 폴더, 하위 패키지는 하위 폴더 - 클래스의 실제 이름(full name)은 패키지를 포함(java.lang.String) = java 패키지 안의 하위폴더 lang 폴더 안의 String.class - rt.jar(runtime 실행할때 필요한 클래스파일을 묶어놓은 것) 는 클래스들을 압축한 파일(JDK설치경로 \jre\lib에 위치) java 9부터 module 개념 rt.jar 없어짐 ch7-13 패키지의 선언 - 패키지는 소스파일의 첫 번째 문장으로 단 한번 선언 - 같은 소스파일의 클래스들은 모두 같은 패키지에 속하게 된다. - 패키지 선언이 없으면 이름없는(unnamed) 패.. 2022. 6. 13.
[React] #7.1 To Do List //App.js import { useState, useEffect } from 'react'; function App() { const [toDo, setToDo] = useState(""); const [toDos, setToDos] = useState([]); const onChange = (event) => setToDo(event.target.value); const onSubmit = (event) => { event.preventDefault(); if(toDo === "") { return ; }; // 절대 state를 직접적으로 수정하지 않는다. -> 함수를 사용해 수정 setToDos(currentArray => [toDo, ...currentArray]);// currentArray.. 2022. 6. 8.
[React] #6.5 CleanUp import { useState, useEffect } from 'react'; function Hello() { useEffect(function () { // 기본 버전 console.log("hi :)"); return function () { console.log("bye :("); }; }, []); useEffect (() => { console.log("hi :)"); return () => console.log("bye :("); }, []); return Hello; } function App() { const [showing, setShowing] = useState(false); const onClick = () => setShowing ((prev)=> !prev); return (.. 2022. 6. 7.
[React] #6. useEffect //index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); // App.js useEffect(실행하려는 코드, 지켜볼 항목 dependency); 지켜보는 항목이 존재하면 그 항목의 state가 변화할때만 실행된다. import styles from "./App.module.css" import { useState, useEffect } from 'react'; function App() { const [counter, setVal.. 2022. 5. 27.