패스트캠퍼스 [패스트캠퍼스 FE MGS 3기] - 5일차 HTMl의 기본구조 HTML의 규칙들 HTML → 구조적인 객체를 정적으로 찍어냄 JS → 데이터에 대해 반복, 비교, 평가, 저장하는 일들이 가능 함수 (function) → 일단 만들어만 놓고 실행은 ()문에서 됨. 자바스크립트 변수 별 특징 const : 변하지 않을 것들 let, var : 변할 것들 프로토 타입 객체 자바스크립트에서 모든 생성자는 모든 프로토타입 객체를 가지고 있음 ... 패스트캠퍼스outlinehtmljs메가바이트스쿨프론트엔드html [4주차] 프로그래밍 기초 함수 함수는 여러 명령어를 하나의 그룹으로 묶어서 하나의 명령어로 실행될 수 있게 만든 명령어 덩어리 좋은점 함수는 명령어의 시작과 끝을 명확하게 구분이 가능함 함수를 한번 선언 해놓으면 계속해서 재사용이 가능함 함수의 파라미터와 인수 함수를 사용할때는 함수의 괄호안에 입력값을 입력하여 사용 실제로 입력하는 값을 인수라고 하며 함수에서 지정해 놓은 지정값들을 파라미터라고 함 ES6에서는 파라... 패스트캠퍼스k디지털크레딧프로그래밍기초바이트디그리내일배움카드k디지털크레딧 [자바 인강] 4주차 학습일지 5. 여러가지 자료구조 자료구조 효율적인 자료구조 -> 프로그램 수행속도 상향, 성능 좋은 알고리즘 선형 자료구조 배열 - 정해진 메모리를 할당받음 연결리스트 - 자료가 추가될 때마다 메모리 할당, 자료는 링크로 연결됨 스택 - LIFO(후입선출) push - pop 큐 - FIFO(선입선출) enqueue - dequeue 비선형 자료구조 트리(Tree) 힙(heap) - 우선 큐를 구현 ... 패스트캠퍼스k디지털크레딧자바 인강바이털디그리내일배움카드k디지털크레딧 실시간 빅데이터 처리를 위한 Spark & Flink Online 9) DataFrame DataFrame의 사용법 DataFrame의 데이터 타입 DataFrame에서 가능한 연산들 DataFrame에서의 Aggregation 작업들 한마디로 : 관계형 데이터셋 : RDD + Relation RDD가 함수형 API를 가졌다면 DataFrame은 선언형 API 자동으로 최적화가 가능 타입이 없다 DataFrame: RDD의 확장판 지연 실행 (Lazy Execution) 분산 저... 패스트캠퍼스데이터엔지니어데이터엔지니어 실시간 빅데이터 처리를 위한 Spark & Flink Online 10) Catalyst Optimizer 및 Tungsten Project 작동원리 Catalyst와 Tungsten 두 백엔드로 최적화 된다 Catalyst Logical Plan을 Physical Plan으로 바꾸는 일 Logical Plan 최적화 Physical Plan 만들기: Spark에서 실행 가능한 Plan으로 변환 코드 제너레이션: 최적화된 Physical Plan을 Java Bytecode로 Logical Plan이란? 데이터가 어떻게 변해야 하는지 정의하... 패스트캠퍼스데이터엔지니어데이터엔지니어 [패스트캠퍼스 FE MGS 3기] - 2일차 Git 마스터를 향하여... CLI로 git 사용해보기 git 꿀팁들 최우영 강사님과 함께 했는데, 굉장히 실무적으로 잘 알려주셨다. 오늘 배운것은, CLI(git bash)를 활용해서 git을 다루는 방법이였다. CLI(command line interface) 나도 github desktop 을 맨 처음부터 이용했었는데, git add . 이나 git commit -m 'message' ... 패스트캠퍼스git메가바이트스쿨프론트엔드git [패스트캠퍼스 FE MGS 3기] - 3일차 협업을 위한 Git 활용법 Git license Git ignore Git Branch - git flow ❓ Git ignore ❓ Git license Git Branch git switch ‘branch abc’ : branch abc로 branch 전환 git merge ‘branch abc’ : 현재 branch 와 branch abc 를 합친다. git branch -D ‘bran... 패스트캠퍼스git메가바이트스쿨프론트엔드git [패스트캠퍼스 FE MGS 3기] - 4일차 웹 프로그래밍 이란? 인터넷의 연결 방식 간단한 코드 실습 기타 추가로 공부할 것들 오늘부터는 정을수 강사님이 html, css 강의를 시작 해주셨다! 화려한 스킬 중심이 아니라, 근본적인 방향으로 알려 주는 것을 지향 한다고 하셨다. 그래서 오늘은 타 강의들처럼 명령어들을 그저 실습해가며 익히는게 아니라, 근본적인 코드의 동작 원리들을 deep 하게 배웠다. 💻 컴퓨터 메모리에 있는 dat... 패스트캠퍼스html메가바이트스쿨프론트엔드CSSCSS [자바 인강] 2주차 학습일지 -2 객체와 객체 지향 프로그래밍 객체(Object) 객체를 정의 -> 기능 구현 -> 각 객체간의 협력을 구현 생활 속에서 객체 찾아 클래스로 구현해 보기 객체 생성 예시 각 객체의 속성을 멤버 변수로 역할을 메서드로 구현 각 객체간의 협력을 구현 함수와 메서드 메서드(method) 생성자는 여러개 구현 가능 복습해봅시다 (객체 구현하기) 접근 제어 지시자(access modifier) priv... 내일배움카드자바 인강패스트캠퍼스k디지털크레딧바이털디그리k디지털크레딧 [자바 인강] 2주차 학습일지 -1 조건문 - if 문(만약에... 라면) if문 if - Else문 조건이 여러 개 일 때의 if 문 if - Else if - Else문 하나의 상황에 대한 조건이 여러개로 나뉘고 각 조건에 다른 수행이 이루어져야 할 경우 사용 각 조건은 상호 배타적! -> 여러 조건이 참이 되면 안됨 if- else if 를 사용하는 경우 조건이 만족 되면 나머지 부분은 수행되지 않음 if - if 로 사... 내일배움카드자바 인강패스트캠퍼스k디지털크레딧바이털디그리k디지털크레딧 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 24회차 미션 position 요소의 위치 지정 방법의 유형(기준)을 설정 static : 유형(기준) 없음 / 배치 불가능 (기본값) relative : 요소 자신을 기준으로 배치 absolute : 위치 상 부모 요소를 기준으로 배치 fixed : 브라우저 (뷰포트) 를 기준으로 배치 sticky : 스크롤 영역 기준으로 배치 요소의 position 기준에 맞는 '위쪽'에서의 거리 (위치)를 설정 단위... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 26회차 미션 background 요소의 배경을 설정 속성 값 background-color : 배경 색상 기본값 : transparent background-image : 하나 이상의 배경 이미지 기본값 : none background-repeat : 배경 이미지의 반복 기본값 : repeat background-position : 배경 이미지의 위치 기본값 : 0 0 background-attachme... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 22회차 미션 text-decoration 문자의 장식(line)을 지정 (선에 대한 장식) 속성 값 none : 선 없음 (기본값) underline : 밑줄을 지정 overline : 윗줄을 지정 line-through : 중앙 선 (가로지르는) 을 지정 text-indent (첫번째 줄의) 들여쓰기를 지정 음수 값 사용 가능 사용 시 첫째 줄은 왼쪽으로 들여쓰기(내어쓰기) 됨 글자를 화면 밖으로 밀어... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 27회차 미션 background-repeat 배경 이미지의 반복을 설정 속성 값 repeat : 배경 이미지를 수직, 수평으로 반복 (기본값) repeat-x : 배경 이미지를 수평으로 반복 repeat-y : 배경 이미지를 수직으로 반복 no-repeat : 반복 없음 background-position 배경 이미지의 위치를 설정 속성 값 % : 왼쪽 상단 모서리는 0%, 0%, 오른쪽 하단 모서리는 ... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 14회차 미션 nth-of-type 태그 이름과 동일한 타입인 형제 요소 중 태그이름과 n 번째 요소라면 선택 n 키워드 사용 시 0 부터 해석 (Zero-base) 부정 선택자 (Negation Selector) 특정 요소 내부의 앞에 내용(content)를 삽입 주의 : content 속성을 꼭 작성해야 함 이미지도 삽입 가능 특정 요소 내부의 뒤에 내용(content)를 삽입 이미지도 삽입 가능 프론... 패스트캠퍼스패스트캠퍼스
[패스트캠퍼스 FE MGS 3기] - 5일차 HTMl의 기본구조 HTML의 규칙들 HTML → 구조적인 객체를 정적으로 찍어냄 JS → 데이터에 대해 반복, 비교, 평가, 저장하는 일들이 가능 함수 (function) → 일단 만들어만 놓고 실행은 ()문에서 됨. 자바스크립트 변수 별 특징 const : 변하지 않을 것들 let, var : 변할 것들 프로토 타입 객체 자바스크립트에서 모든 생성자는 모든 프로토타입 객체를 가지고 있음 ... 패스트캠퍼스outlinehtmljs메가바이트스쿨프론트엔드html [4주차] 프로그래밍 기초 함수 함수는 여러 명령어를 하나의 그룹으로 묶어서 하나의 명령어로 실행될 수 있게 만든 명령어 덩어리 좋은점 함수는 명령어의 시작과 끝을 명확하게 구분이 가능함 함수를 한번 선언 해놓으면 계속해서 재사용이 가능함 함수의 파라미터와 인수 함수를 사용할때는 함수의 괄호안에 입력값을 입력하여 사용 실제로 입력하는 값을 인수라고 하며 함수에서 지정해 놓은 지정값들을 파라미터라고 함 ES6에서는 파라... 패스트캠퍼스k디지털크레딧프로그래밍기초바이트디그리내일배움카드k디지털크레딧 [자바 인강] 4주차 학습일지 5. 여러가지 자료구조 자료구조 효율적인 자료구조 -> 프로그램 수행속도 상향, 성능 좋은 알고리즘 선형 자료구조 배열 - 정해진 메모리를 할당받음 연결리스트 - 자료가 추가될 때마다 메모리 할당, 자료는 링크로 연결됨 스택 - LIFO(후입선출) push - pop 큐 - FIFO(선입선출) enqueue - dequeue 비선형 자료구조 트리(Tree) 힙(heap) - 우선 큐를 구현 ... 패스트캠퍼스k디지털크레딧자바 인강바이털디그리내일배움카드k디지털크레딧 실시간 빅데이터 처리를 위한 Spark & Flink Online 9) DataFrame DataFrame의 사용법 DataFrame의 데이터 타입 DataFrame에서 가능한 연산들 DataFrame에서의 Aggregation 작업들 한마디로 : 관계형 데이터셋 : RDD + Relation RDD가 함수형 API를 가졌다면 DataFrame은 선언형 API 자동으로 최적화가 가능 타입이 없다 DataFrame: RDD의 확장판 지연 실행 (Lazy Execution) 분산 저... 패스트캠퍼스데이터엔지니어데이터엔지니어 실시간 빅데이터 처리를 위한 Spark & Flink Online 10) Catalyst Optimizer 및 Tungsten Project 작동원리 Catalyst와 Tungsten 두 백엔드로 최적화 된다 Catalyst Logical Plan을 Physical Plan으로 바꾸는 일 Logical Plan 최적화 Physical Plan 만들기: Spark에서 실행 가능한 Plan으로 변환 코드 제너레이션: 최적화된 Physical Plan을 Java Bytecode로 Logical Plan이란? 데이터가 어떻게 변해야 하는지 정의하... 패스트캠퍼스데이터엔지니어데이터엔지니어 [패스트캠퍼스 FE MGS 3기] - 2일차 Git 마스터를 향하여... CLI로 git 사용해보기 git 꿀팁들 최우영 강사님과 함께 했는데, 굉장히 실무적으로 잘 알려주셨다. 오늘 배운것은, CLI(git bash)를 활용해서 git을 다루는 방법이였다. CLI(command line interface) 나도 github desktop 을 맨 처음부터 이용했었는데, git add . 이나 git commit -m 'message' ... 패스트캠퍼스git메가바이트스쿨프론트엔드git [패스트캠퍼스 FE MGS 3기] - 3일차 협업을 위한 Git 활용법 Git license Git ignore Git Branch - git flow ❓ Git ignore ❓ Git license Git Branch git switch ‘branch abc’ : branch abc로 branch 전환 git merge ‘branch abc’ : 현재 branch 와 branch abc 를 합친다. git branch -D ‘bran... 패스트캠퍼스git메가바이트스쿨프론트엔드git [패스트캠퍼스 FE MGS 3기] - 4일차 웹 프로그래밍 이란? 인터넷의 연결 방식 간단한 코드 실습 기타 추가로 공부할 것들 오늘부터는 정을수 강사님이 html, css 강의를 시작 해주셨다! 화려한 스킬 중심이 아니라, 근본적인 방향으로 알려 주는 것을 지향 한다고 하셨다. 그래서 오늘은 타 강의들처럼 명령어들을 그저 실습해가며 익히는게 아니라, 근본적인 코드의 동작 원리들을 deep 하게 배웠다. 💻 컴퓨터 메모리에 있는 dat... 패스트캠퍼스html메가바이트스쿨프론트엔드CSSCSS [자바 인강] 2주차 학습일지 -2 객체와 객체 지향 프로그래밍 객체(Object) 객체를 정의 -> 기능 구현 -> 각 객체간의 협력을 구현 생활 속에서 객체 찾아 클래스로 구현해 보기 객체 생성 예시 각 객체의 속성을 멤버 변수로 역할을 메서드로 구현 각 객체간의 협력을 구현 함수와 메서드 메서드(method) 생성자는 여러개 구현 가능 복습해봅시다 (객체 구현하기) 접근 제어 지시자(access modifier) priv... 내일배움카드자바 인강패스트캠퍼스k디지털크레딧바이털디그리k디지털크레딧 [자바 인강] 2주차 학습일지 -1 조건문 - if 문(만약에... 라면) if문 if - Else문 조건이 여러 개 일 때의 if 문 if - Else if - Else문 하나의 상황에 대한 조건이 여러개로 나뉘고 각 조건에 다른 수행이 이루어져야 할 경우 사용 각 조건은 상호 배타적! -> 여러 조건이 참이 되면 안됨 if- else if 를 사용하는 경우 조건이 만족 되면 나머지 부분은 수행되지 않음 if - if 로 사... 내일배움카드자바 인강패스트캠퍼스k디지털크레딧바이털디그리k디지털크레딧 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 24회차 미션 position 요소의 위치 지정 방법의 유형(기준)을 설정 static : 유형(기준) 없음 / 배치 불가능 (기본값) relative : 요소 자신을 기준으로 배치 absolute : 위치 상 부모 요소를 기준으로 배치 fixed : 브라우저 (뷰포트) 를 기준으로 배치 sticky : 스크롤 영역 기준으로 배치 요소의 position 기준에 맞는 '위쪽'에서의 거리 (위치)를 설정 단위... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 26회차 미션 background 요소의 배경을 설정 속성 값 background-color : 배경 색상 기본값 : transparent background-image : 하나 이상의 배경 이미지 기본값 : none background-repeat : 배경 이미지의 반복 기본값 : repeat background-position : 배경 이미지의 위치 기본값 : 0 0 background-attachme... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 22회차 미션 text-decoration 문자의 장식(line)을 지정 (선에 대한 장식) 속성 값 none : 선 없음 (기본값) underline : 밑줄을 지정 overline : 윗줄을 지정 line-through : 중앙 선 (가로지르는) 을 지정 text-indent (첫번째 줄의) 들여쓰기를 지정 음수 값 사용 가능 사용 시 첫째 줄은 왼쪽으로 들여쓰기(내어쓰기) 됨 글자를 화면 밖으로 밀어... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 27회차 미션 background-repeat 배경 이미지의 반복을 설정 속성 값 repeat : 배경 이미지를 수직, 수평으로 반복 (기본값) repeat-x : 배경 이미지를 수평으로 반복 repeat-y : 배경 이미지를 수직으로 반복 no-repeat : 반복 없음 background-position 배경 이미지의 위치를 설정 속성 값 % : 왼쪽 상단 모서리는 0%, 0%, 오른쪽 하단 모서리는 ... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 14회차 미션 nth-of-type 태그 이름과 동일한 타입인 형제 요소 중 태그이름과 n 번째 요소라면 선택 n 키워드 사용 시 0 부터 해석 (Zero-base) 부정 선택자 (Negation Selector) 특정 요소 내부의 앞에 내용(content)를 삽입 주의 : content 속성을 꼭 작성해야 함 이미지도 삽입 가능 특정 요소 내부의 뒤에 내용(content)를 삽입 이미지도 삽입 가능 프론... 패스트캠퍼스패스트캠퍼스