Programming Language

자료형: 정수형, 실수형, 복소수형, 문자열, 리스트, 튜플, 사전 등 1강: 수 자료형정수형(Integer): 정수를 다루는 자료형양의 정수, 음의 정수, 0실수형(Real Number): 소수점 아래의 데이터를 포함하는 수 자료형변수에 소수점을 붙인 수 대입 -> 실수형 변수로 처리소수부 0 or 정수부 0인 소수 -> 0 생략하고 작성 가능지수 표현 방식: 유효숫자e^지수 = 유효숫자 *10^지수e or E 이용한 지수 표현 방식 이용e or E 다음에 오는 수는 10의 지수부 의미ex. 1e9 -> 10의 9제곱(1,000,000,000)임의의 큰 수 표현하기 위해 사용최단 경로 알고리즘: 도달할 수 X  노드에 대하여 최단 거리 -> 무한(INF)로 설정가능한 최대값이 10억 미만 -> 무한(I..

01장 파이썬이란 무엇인가? 1. 파이썬이란? 파이썬(Python) 1990년 암스테르담의 귀도 반 로섬(Guido Van Rossum)이 개발한 인터프리터 언어 코미디 쇼 "몬티 파이썬의 날아다니는 서커스(Monty Python's Flying Circus)에서 따옴 사전적 의미: 고대 신화 - 파르나소스 산의 동글에 살던 큰 뱀, 아폴로 신이 델파이에서 파이썬 퇴치(-> 아이콘 뱀인 이유) (+) 공동 작업과 유지 보수 쉽고 편함 ex. 인스타그램, 드롭박스 등 *인터프리터 언어: 한 줄씩 소스 코드 해석 -> 바로 실행 => 결과 확인O 언어 2. 파이썬 특징 1) 인간다운 언어 프로그래밍: 인간이 생각하는 것 -> 컴퓨터에 지시하는 행위 파이썬은 컴퓨터 사고 체계에 맞춰 프로그래밍X 2) 문법 쉬..

6장 컴포넌트 반복1. 자바스크립트 배열의 map() 함수자바스크립트 배열 객체의 내장 함수인 map 함수 사용 -> 반복되는 컴포넌트 렌더링 가능map 함수) 파라미터로 전달된 함수를 사용 -> 배열 내 각 요소를 원하는 규칙에 따라 변환 -> 그 결과로 새로운 배열 생성1) 문법arr.map(callback, [thisArg])callback: 새로운 배열의 요소를 생성하는 함수currentValue: 현재 처리하고 있는 요소index: 현재 처리하고 있는 요소의 index 값array: 현재 처리하고 있는 원본 배열thisArg(선택 항목): callback 함수 내부에서 사용할 this 레퍼런스2) 예제  2. 데이터 배열을 컴포넌트 배열로 변환하기기존 배열로 컴포넌트로 구성된 배열 생성 가능1)..

5장 ref: DOM에 이름 달기1. ref 사용하는 상황특정 DOM에 작업 해야함 -> ref 사용 =>  Q: '어떤' 작업??/ A: DOM을 꼭 직접적으로 건드려야 할 때 1) 예제 컴포넌트 생성// ValidationSample.css.success { background-color: lightgreen;}.failure { background-color: lightcoral;}// ValidationSample.jsimport React, { Component } from 'react';import './ValidationSample.css';class ValidationSmaple extends Component { state = { password: '', clicked..

4장 이벤트 핸들링이벤트(Event)사용자가 웹 브라우저에서 DOM 요소들과 상호 작용을 하는 것ex. 버튼_마우스 커서 -> onmouseover 이벤트 실행/ 클릭 -> onclick 이벤트 실행/ Form 요소_값 변경 -> onhange 이벤트 실행1. 리액트의 이벤트  시스템이벤트 사용 주의사항이벤트 이름 -> 카멜 표기법ex. onclick -> onClick/ onkeyup -> onKeyUp이벤트에 실행할 자바스크립트 코드 전달X, 함수 형태의 값 전달HTML) 큰따옴표 안에 실행할 코드 넣음리액트) 함수 형태의 객체를 전달바로 만들어서 전달렌더링 부분 외부에 미리 만들어서 전달DOM 요소에만 이벤트 설정Odiv, button, input, form, span 등 DOM의 요소에 이벤트 설..

3장 컴포넌트컴포넌트 기능은 단순한 템플릿 이상데이터 O -> 이에 맞춰 UI 만듦라이프사이클 API 이용 -> 컴포넌트가 화면에서 나타날 때, 사라질 때, 변화가 일어날 때 주어진 작업 처임의 메서드 만들어 특별한 기능 붙이기1. 컴포넌트클래스형 컴포넌트state 기능 및 라이프사이클 기능 사용 O임의 메서드 정의render 함수 필요 + JSX 반환// App.jsimport React, { Component } from 'react';class App extends Component { render() const name="react"; return {name} }}export default App;함수 컴포넌트(+) 선언하기 편함메모리 자원 사용 ↓플젝 완성하여 빌드 후 배포 ->..