웹_프론트_백엔드 210

2020.08.09

1. 자바스크립트 데이터 타입 : 타입이란 프로그램에서 다룰 수 있는 값의 종류를 의미 6) 객체형(Object) : 자바스크립트의 기본 타입 ** 객체란? : 실생활에서 우리가 인식할 수 있는 사물을 프로그래밍에서 메모리에 저장하는 형태, 여러 프로퍼티나 메소드를 같은 이름으로 묶어놓은 일종의 집합체 ** 1_데이터타입_객체.html 데이터타입 - 객체 ** 출력결과 2. 자바스크립트의 타입 변환 : 자바스크립트의 변수는 타입이 고정되어 있지 않으며, 같은 변수에 다른 타입의 값을 대입할 수 있다. 예) let a = 10; // number ... a = "JavaScript"; // string 1) 묵시적 타입 변환 : 자바스크립트에서 특정 타입의 값을 기대하는 곳에 다른 타입의 값이 오면, 자동..

2020.08.08

1. 자바스크립트(JavaScript) : 프로토타입 기반 언어이자 객체 기반의 스크립트 프로그래밍 언어이다. ① 웹의 동작을 구현하기 위한 언어 ② 웹 브라우저에서 사용(단, Node.js는 서버에서 동작) ③ 웹 브라우저에는 자바스크립트 엔진(인터프리터)가 내장 ④ HTML문서 내에서 ** 출력결과 4. 크롬은 개발자모드(F12)에서 직접 console창을 이용하여 코딩이 가능하다. 5. 외부 자바스크립트 파일로 적용 : 자바스크립트의 파일은 .js 확장자로 저장 ** 2_외부자바스크립트_적용.html 외부 자바스크립트 출력 ** JS/script.js /* 2020.08.08 작성자 : 박빈나 script.js(외부 자바스크립트 적용) */ document.write('안녕하세요 JavaScript..

학습목표 및 일정

1. 과정 목표 : 웹 클라이언트(프론트엔드) 환경 개발자 양성 2. 훈련 내용(원래 6개월 과정이나 3개월차 수업부터 참여 시작) 1) 프론트엔드3 - JavaScript와 JQuery 2) 프론트엔드4 - Web-Server 이해, Ajax와 Node.js 기초 3) 프론트엔드5 - Node.js와 React 기초 4) 프론트엔드6 - React 심화, 실전 프로젝트 3. 일정과 시간 * 프론트엔드3 : 2020.08.08 ~ 2020.09.27(주말반, 9:30 AM ~ 13:30 PM) ㄴ 코로나로 인한 학원 휴강 : 2020.08.12 ~ 2020.08.24, 2020.08.31 ~ 2020.09.06 ㄴ 42 Seoul의 La Piscine 일정으로 인해 수업 중단, 다음 기수 프론트엔드4 수..

[단과_자료구조] 2020.08.05

1. 이진트리 구현 예제 : 저번 시간에 배우지 못한 void del() 함수 마저 구현했으나 작동은 되지 않는다.  Why? 현재 트리는 루트노드가 메인에서 NULL로 설정되어있기 때문에          (즉, 현재 트리는 루트가 포인터로 (malloc()없이) 정의되어있어서 삭제가 되지 않는다)   만약, 현재 상태에서 삭제를 진행하고 싶다면 리스트처럼 루트를 만들어 주어야 한다.   예)       (빈 루트노드)              |             10          20   30#include#include// 노드 생성을 위한 구조체 선언typedef struct NODE { int data; struct NODE* left; struct NODE* right;}N;// 노드 생..

[단과_자료구조] 2020.08.03

1. [문제] 숫자 맞추기 게임(저번주 문제 복습)   1) 1 ~ 100까지 랜덤으로 숫자 10개 생성    2) 배열에 넣고 출력    3) 오름차순정렬하고 출력 => 알고리즘 사용    4) 0 ~ 9 중에 랜덤으로 선택, 해당 숫자를 맞춰보자!   예시)          [ 1 3 17 18 19 ]          [2]->17           3          15           16          N번 소요됨!#include#include#includevoid swap(int* arr, int a, int b) { int tmp = arr[a]; arr[a] = arr[b]; arr[b] = tmp;}void quick_sort(int* arr, int start, int end) ..

Spring Team Project(2020.07.15 ~ 2020.08.05)

1. 팀 프로젝트 일정 2. 반드시 기획에 반영해야할 필수 사항 1) 스프링 MVC 웹 프로젝트 2) MyBatis 사용한 DB 접근 3) 최소한 4개 이상의 Data cycle 구현 4) 프론트엔드 쪽은 최대한 jQuery 사용 추천 5) 회원/비회원 운영시스템(로그인, 회원가입 등 구현) 6) 관리자 페이지 구현 7) 외부 API 사용 기능 최소한 1개 이상 사용(AJAX 활용) 3. 작성한 문서 1) 화면구성도, 화면흐름도, 스토리보드 2) ERD 3) 발표 PPT 4. 프로젝트 깃허브 주소 ( github.com/leeyji95/Yes25_ver2.git ) : https://github.com/leeyji95/Yes25_ver2 5. 내가 맡았던 파트 소개 및 시연영상 6. 우리팀 전체 발표 영..

[단과_자료구조] 2020.07.31

1. 정렬 : 버블정렬, 삽입정렬, 선택정렬, 퀵정렬 1) 버블정렬 : 서로 이웃한 데이터들을 비교하며 가장 큰 데이터를 가장 뒤로 보내며 정렬하는 방식 2) 삽입정렬 : 아직 정렬되지 않은 임의의 데이터를 이미 정렬된 부분의 적절한 위치에 삽입해 가며 정렬하는 방식 3) 선택정렬 : 정렬되지 않은 데이터들에 대해 가장 작은 데이터를 찾아 가장 앞의 데이터와 교환해나가는 방식 4) 퀵정렬 : 순환함수 이용    Divide & Conquer(분할정복)    피벗(== 피봇, pivot, 기준)    피벗보다 작으면 왼쪽으로, 비벗보다 크면 오른쪽으로    [3] 5l 7 9 1 10 6 2r 8 4    [3] 2 7l 9 1r 10 6 5 8 4    [3] 2 1r 9l 7 10 6 5 8 4 -> ..

[단과_자료구조] 2020.07.29

1. 큐  : FIFO 선입선출 방식의 데이터 구조  2. Enqueue() 데이터 추가, Dequeue 데이터 삭제  3. 배열로 큐 구현하기#include #define MAX 5int queue[MAX];// 큐에는 start point, end point가 반드시 필요함int s = 0;int e = 0;int isFull() { if (s == e && queue[s] != 0) { return 1; // 데이터가 가득 찬 상황 } return 0;}int isEmpty() { if (s == e && queue[s] == 0) { return 1; // 데이터가 없는 상황 } return 0;}// 데이터를 입력하는 함수void Enqueue(int data) { queue[e++] =..

[단과_자료구조] 2020.07.27

1. 배열을 이용하여 스택 구현(인덱스 개수 -1 시작)#include #define MAX 5int stack[MAX];int index = -1; // 인덱스는 0번째부터 시작하기 때문에 -1을 index에 저장 // 책에 따라, 상황에 따라 index 시작점은 다를 수 있다int isFull() { if (index == MAX - 1) { // MAX-1을 하는 이유는 검사 후 저장해야하기 때문에 // MAX로 한다면 이미 꽉 찬 상태에서 저장을 하려고 하기 때문에 문제가 생김 return 1; // 스택이 가득차 있을 때 1을 리턴! } return 0;}void push(int data) { index++; stack[index] = data;}int isEmpty() { if (in..