2022.09.13.화 1.ES6 1)spread -spread.js /** * spread syntax 기호 : '...' * 하나로 뭉쳐있는 여러 값들의 집합을 펼쳐서(전개, 분산) 개별적인 값들의 목록으로 바꿈 * * spread 문법 사용 가능 대상 : array, String, Map, Set, DomCollection 등으로 한정 */ //1.Spread With Arrays const fruits = ['apple', 'banana']; const otherFruits = ['kiwi', 'podo']; //기본의 배열 연결(concatenation) 방식 const allFruits = fruits.concat(otherFruits); //spread 활용 방식 const myFruits ..

2022.09.07.수 1.React CSS -App.js import logo from './logo.svg'; //1.Pure css 적용방식 import './App.css'; import Button from './components/Button'; //2.SCSS 방식 //import './App.scss'; //3.Module.css 방식 import styles from './App.module.css'; //각 style identifier(식별자)들이 고유한 hash값으로 지정되어 있음 const App = () => { return ( //1.Pure css 적용방식 // // // // // Edit src/App.js and save to reload. // // // Learn R..

2022.09.06.화 1.props_state 2.event_handling 3.conditional_rendering -login_state -login_control 4.list_key 5.form

2022.09.05.월 1.기본 문법 -자바스크립트로 리엑트 문맥 파악하기 증가 버튼 -React Basic 증가 버튼 2.JSX -without JSX -with JSX 3.Component_props

2022.08.30.화 1.Spring Web MVC -Book Class package dev.web.model; public class Book { private String name; private String author; public String getName() { return name; } public String getAuthor() { return author; } public void setName(String name) { this.name = name; } public void setAuthor(String author) { this.author = author; } @Override public String toString() { return "Book [name=" + name ..

2022.08.29/30.월/화 1.Spring -Java 기반의 웹 개발용 '경량화'된 오픈소스 '프레임워크' -Spring의 핵심 철학 : POJO(Plain Old Java Object)기반의 개발 지향 →Pure한 자바 문법으로만 써보자(비즈니스 로직을) 2.IoC/DI(Inversion of Control, Dependency Injection) →제어의 역전 / 의존성 주입 →Spring의 3대 핵심 개념 중 하나 -순수 자바 코드 Factory package dev.bank; import dev.bank.data.BankStatementParser; import dev.bank.data.BankStatementTSVParser; public class BankStatementFactory {..