working_helen

강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 4. React.js 기초 1. State 2. Props 3. 리액트 렌더링(rendering) 4. 실습 예제 1. State - 컴포넌트 내부에서 관리하는 동적 데이터 - 컴포넌트 내부에서 함수를 이용해 값을 변화시킬 수 있는 데이터 import React, {useState} from "react"; const [State의 값 변수, State를 변화시키는 함수] = useState(State 초기값); useState() : 배열을 반환, 배열의 비구조화 할당 count : State 값을 나타내는 변수 setCount : count를 변화시키는 함수 State 값 변수와 State 변화 함수 이름은 유일 (이름 중복 불가) ..

강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 3. Node.js 기초 / 섹션 4. React.js 기초 1. Node.js 2. React.js 3. CommonJS vs ES Modules 1. Node.js 1) Node.js의 개념 (Node.js는 공식 홈페이지) Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. ※ 런타임 = 특정 언어로 만든 프로그램들을 실행할 수 있는 환경 - Node.js는 JavaScript 실행 환경 - 기존의 JS는 웹 브라우저를 실행한 상태에서만 사용 가능 - Node.js는 JS를 웹 브라우저 외의 서버 환경에서도 사용할 수 있게 도와주는 역할 2) Node.js의 특징 Node.js =..

강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 2. JavaScript 응용 1. Truthy & Falsy 2. 비 구조화 할당 3. Spread 4. 동기/비동기 5. 콜백 함수 1) 콜백 함수 2) 콜백 지옥 (Callback Hell) 3) Promise 4) async & await 5) API 호출 1. Truthy & Falsy - Falsy에 해당되는 것 : null, undefined, 0, "" (빈 문자열) - 단락회로 평가 : 논리연산자가 앞에서부터 평가하고, 결과가 결정되면 뒤를 고려하지 않는 특성 - 아래 코드에서 person이 'Falsy'면 바로 'Falsy'로 name 할당, name이 Truthy면 바로 name 값을 리턴 const getName =..

강의명 : 제임스코딩 풀스택 개발 입문 5주 완성 - 섹션 7 JavaScript 객체와 배열 강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 1. JavaScript 기본 1. 객체 2. 배열 1. 객체 const class = { //객체의 속성들 정의 key : value; key : value; ... } - 속성(property)으로 구성된 데이터 집합 - { } 안에 '속성이름(key) : 속성값(value)'으로 정의한다. - key는 string 타입이지만 value는 모든 타입이 올 수 있다. 함수가 value가 되면 method라고 부른다. 1) value에 접근하기 class.key;//점 표기법(dot notation) class[key];//대괄호 표기법(bra..

강의명 : 제임스코딩 풀스택 개발 입문 5주 완성 - 섹션 5. JavaScript 기초 1. undefined vs null 2. 함수 선언 3. 호이스팅 (hoisting) 4. 함수 생성 실습 강의명 : 한입 크기로 잘라 먹는 리액트(React.js) - 섹션 1. JavaScript 기본 1. 명시적 형변환 2. Null 변환 연산자 1. undefined vs null - undefined : 아직 값이 할당되지 않은 상태 - null : 의도적으로 값이 없음을 나타내는 경우 사용 let a; console.log(a); let b = null; console.log(b); console.log(null === undefined); 2. 함수 선언 - 함수 선언식 / 함수 표현식 / 화살표 함수..

강의명 : 제임스코딩 풀스택 개발 입문 5주 완성 목차 : 섹션 2 HTML 1. HTML vs CSS vs JS 2. HTML 주요 태그 3. 회원가입 폼 만들기 실습 1. HTML vs CSS vs JS HTML : 웹 사이트 언어의 코드를 통해 브라우저가 이해할 수 있는 언어로 웹을 디자인 = 웹에 포함되는 컨텐츠를 설계하는 언어 = 웹 전체적인 몸체 설계하는 역할 CSS : 웹 디자인을 담당하는 언어 = 몸체를 꾸미는 역할 JS : 동적 컨트롤이 가능하게 해주는 언어 = 웹을 동적으로 만들어주는 역할 (위키백과) 마크업 언어(ex: HTML)가 웹사이트의 몸체를 담당한다면 CSS는 옷과 액세서리처럼 꾸미는 역할을 담당한다고 할 수 있다. 즉, HTML 구조는 그대로 두고 CSS 파일만 변경해도 전..

교육 프로그램명 : 혁신융합대학 프로그래머스 PCCP(Python) 대비 교육 교육 일시 : 2023.08.25 10:00~15:00 강사명 : 김태원 강사님 1. DFS 연습 문제 2. 그래프 1. DFS 연습 문제 연습 문제 : 줄다리기 - fight 정보 = 학생 index 쌍 (i, j) list → 2차원 배열 변환, 사이가 좋지 않은 관계 index를 1로 지정 - 마지막으로 넣은 학생 index p[-1]과 i가 fight 관계이면 해당 case는 cutting - 방문한 현재 노드 i를 방문 stack에 넣고, 현재 노드를 포함하는 DFS를 진행한 현재 노드 i를 포함하는 DFS가 끝나면 stack에서 i를 제거 p = []#학생 index를 저장하는 stack count = 0#가능한 순..

교육 프로그램명 : 혁신융합대학 프로그래머스 PCCP(Python) 대비 교육 교육 일시 : 2023.08.24 10:00~15:00 강사명 : 김태원 강사님 1. BFS 2. DFS 1. BFS - 큐 자료형을 이용해 구현 - 시작 노드에서 가까운 노드들부터 우선 방문하는 방식 => 최단거리 or 최소 횟수문제, 특정 지점에 도착하는 최소경로 or 최거리를 구하는 문제에서 주로 사용된다. - 연습 문제 : BFS로 이진트리 탐색 - while문 한번마다, Q 내 현재 level의 모든 노드에서, 가능한 다음 노드를 찾아 Q에 넣고, level을 1 증가한다. from collections import deque def BFS(): Q=deque() Q.append(1) # 1 level의 root 노드..

교육 프로그램명 : 혁신융합대학 프로그래머스 PCCP(Python) 대비 교육 교육 일시 : 2023.08.23 10:00~15:00 강사명 : 김태원 강사님 1. 정렬 함수 2. Stack 스택 구현 3. Queue 큐 구현 1. 정렬 함수 1) sort method - list나 array를 정렬하는 method - 새로운 list 객체를 리턴하지 않고 기존 list를 변화시킨다. list.sort()# 오름차순 list.sort(reverse = True)# 내림차순 - key를 지정한 정렬 : 정렬시 사용할 기준값 key를 지정하여 정렬한다. list = [(x1, y1), (x2, y2),,,] 형식일때 # x값을 기준으로 내림차순 정렬 list.sort(key = lambda v : -v[0]..

교육 프로그램명 : 혁신융합대학 프로그래머스 PCCP(Python) 대비 교육 교육 일시 : 2023.08.22 10:00~15:00 강사명 : 김태원 강사님 1. string에서 문자 counting 1) string.count 2) Counter 클래스 2. 시간복잡도와 Hash table 1) defaultdict 1. string에서 문자 counting 1) string.count(char, start, end) - 주어진 string에서 특정 문자 하나의 빈도수를 출력한다. - char를 검색할 검색 구간을 지정할 수 있다. start : 검색을 시작할 index / end : 검색을 끝낼 index 2) Counter 클래스 - string에 등장하는 각 char를 key로, char의 등장..