**공부내용 한줄 요약** input tag의 value값 변동을 감지하고 state 사용해 업데이트 하는 법. > 1. React.useState() 사용해 input의 value를 변수(State값)로 지정. 2. input에 onChange 이벤트 리스너를 추가
**공부내용 한줄 요약** 두 개의 State와 삼항연산자 사용해 disabled "flip" 기능 추가 > State의 초기값을 false로 두고, 두 개의 컴포넌트에게 disabled 속성을 주되 각각 값이 false면 활성화 / true면 활성화 되게 한다. d
**공부내용 한줄 요약** useState() 복습, React component를 여러개의 function으로 분할해 function App() 안에서 불러오기 > html select tag의 value를 State의 값으로 지정하고, modifier functi
**공부내용 한줄 요약** prop을 사용해 부모 컴포넌트에서 자식 컴포넌트로 object형식의 데이터를 전달할 수 있다. > 함수형 컴포넌트 Btn()은 style속성을 가진 button tag를 return한다. 버튼 텍스트만 바꾸어 Btn()을 여러 번 재사용하
**공부내용 한줄 요약** props로 string, boolean, function도 보낼 수 있다. > custom component의 속성(props)은 html 태그처럼 eventlistener가 아닌 어디까지나 props이다.<br> `<Btn onClick
공부내용 한줄 요약.propTypes로 버그를 잡을 수 있다.1.< script src="https:/ /unpkg.com/prop-types@15.7.2/prop-types.js"></ script>추가2. 컴포넌트명.propTypes = { pr
공부내용 한줄 요약useEffect()로 특정 코드가 실행될 조건을 정의할 수 있다.useEffect(실행될 code, state)특정한 state가 변했을 때 code가 실행된다. 공란이면 컴포넌트 로딩 시 1회만 실행.\* create-react-app을 사용하기
공부내용 한줄 요약'Cleanup 함수' component가 destroy될 때도 함수를 실행할 수 있다.useEffect 안에서 함수를 return해두면 컴포넌트가 파괴될 때 실행시켜 준다.\*\* 컴포넌트는 jsx를 return하는 function일 뿐!Commen
공부내용 한줄 요약reacJS state로 투두리스트 만들기state는 함수를 통해서만 수정할 수 있다. toDos.push 등 사용 Xform 안의 input value를 state값에 연결하고, form이 submit될 때마다 다른 state값(빈 배열)에 valu
twitter api와 구글 스프레드시트 api로 봇을 개발한지 39일째언어는 python, 처음 코드를 작성할 때는 프로그램이 의도한 대로 작동하는 것에 중점을 두었다.지금은 추후 기능을 더하거나 버그를 잡을 때 유용하도록 코드 로직을 직관적으로 수정하고 가독성을 개
path 설정: 파일/명령어 등? 어디서든 실행 가능하도록 설정해주는것ex) ipconfig는 dir을 통해 검색되지 않지만 실행 가능제어판> 시스템 > 고급 시스템 설정 > 환경 변수 > 시스템 변수 새로 만들기JAVA_HOME / C:\\Program Files\\
제어문 조건(분기)제어문 (1회 실행) if 1형식 : if (조건) {참} 2형식 : if (조건) {참} else {거짓} 3형식 : if (조건) {참} else if (조건) {참} else {거짓} switch ~ case 반복제어문 for
\\eclipse 우측 상단 웹 버전 / 자바 전용 버전JAVA의 주석 - 주석을 잘 달아야 협업하기 좋은 프로그래머1\. // 한줄 주석2\. / ~ / 여러줄 주석3\. /\* ~ / JAVA주석, doc 주석사용자 정의 명칭: 사용자가 임의로 지은 클래스명, 변수
CODE 배열 : 동일한 자료형을 메모리상에 연속적으로 나열하여 관리하는 것 ex) 5명 학생의 국어점수를 관리하고자 할 때, 변수 5개를 써도 되지만(kor1, kor2, kor3, kor4, kor5) kor 하나의 변수를 만들고 그 변수 안에 1~5의 번호를 만
하드웨어 - OS - 소프트웨어하드웨어:눈에보이는부품(모니터,부품등)OS소프트웨어: 눈에보이지않는 프로그램JVM(Java Virtual Machine) 자바의 메모리 구조상수및메소드부힙: 동적메모리 영역 (원래 변수 크기가 스택에 미리 정해져 있어야만 프로그램이 실행된
pakage 패키지명; import 패키지명 or 클래스명; 또다른 클래스; // 자바는 클래스로만 이루어져 완벽한 객체지향 언어 접근제한자 지정예약어 class 클래스명 extends 상위클래스 implements 상위인터페이스 { 멤버필드 멤버메소드 생성자 중첩클
3. 접근제한자(은닉화 -> 캡슐화) private: 클래스 내부에서만 접근 가능 package(default): 접근제한자를 적지 않으면 적용, package라고 표시하지 않는다. protected: 상속관계에서는 public, 상속관계가 아니면 default로 제한
6.상속 extends Object: 모든 클래스는 Object클래스를 부모클래스로 가진다(클래스 객체.getClass()) 포함관계, 상속관계 super, super() 오버라이드 자바코딩시 생략가능한 것 import java.lang.* default 생성자 th
String 클래스 StringBuffer StringBuilder Collection Set Map List Comparator와 Comparable java.lang 패키지 Wrapper class Thread와 Runnable: 멀티스레드 예외처리 jav
java.lang 패키지 Wrapper class: 기본자료형을 클래스형으로 만든 자료형의 집합 1) Boolean: boolean 2) Byte: byte 3) Short: short 4) Character: char 5) Integer
GUI java.awt 패키지 Frame Layout 1) FlowLayout 2) GridLayout 3) BorderLayout 여러가지 컴퍼넌트 panel 컴퍼넌트를 도와주는 클래스 1) Font : 글자 크기를 조절 2) Color :
java.swing 패키지java.awt.event 패키지 \- 이벤트: 컴포넌트에 어떠한 행위를 가했을때 나타나는 결과 \- 각각의 컴포넌트는 이벤트 처리 메소드를 가지고 있다(add~Listener) \- 이벤트 처리 메소드는 매개변수로 이벤트 처리 클래
java.sql패키지Connection : DB와 연결하기 위한 클래스PreparedStatement : 쿼리(dml문..)의 전송 클래스ResultSet : 결과를 받아오기 위한 클래스 (select문)쿼리 전송정적쿼리 : Statement △동적쿼리 : Prepar
page : default, 현재 page에서만 사용가능, 현재 page를 벗어나면 소멸됨request : 두개의 page에서 사용가능, forward나 include 등 jsp에서의 내부이동에서만 사용가능jsp에서의 내부이동 - forward: 이동한 페이지에서 끝,
프로젝트 생성 과정 및 구조 정리 필요 / 기존 이해하고있는 과정 등 정리 필요gradle 프로젝트1) 의존성 관리maven의 pom.xml처럼 gradle의 gradle.build 파일이 의존성을 관리해준다. (버전 관리 + 의존성 당겨오기) 스프링 부트 (주요)