패스트캠퍼스 [패스트캠퍼스 FE MGS 3기] - 5일차 HTMl의 기본구조 HTML의 규칙들 HTML → 구조적인 객체를 정적으로 찍어냄 JS → 데이터에 대해 반복, 비교, 평가, 저장하는 일들이 가능 함수 (function) → 일단 만들어만 놓고 실행은 ()문에서 됨. 자바스크립트 변수 별 특징 const : 변하지 않을 것들 let, var : 변할 것들 프로토 타입 객체 자바스크립트에서 모든 생성자는 모든 프로토타입 객체를 가지고 있음 ... 패스트캠퍼스outlinehtmljs메가바이트스쿨프론트엔드html 6일차. 자바 기초 오늘만 수강하면, 자바 기초 강의는 다 수강한다! 알고 있던 기초 내용들이었지만, 다시 되짚으면서 정확하게 알고 가야겠다. 1. 반복문 - while 문(Ch01-17) 1) 조건이 참(true)인 동안 반복수행하기 주어진 조건에 맞는 동안(true) 지정된 수행문을 반복적으로 수행하는 제어문 조건이 맞지 않으면 수행을 멈추게 됨 👉 조건식에 변수가 들어갈 수도 있는데, 이 때는 변수가 0이... 패스트캠퍼스반복문자바국비교육국비교육 [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 [Python] Ch02. Python의 자료형 Python의 자료형 1. 파이썬이 다른 언어와 다른 점 다른 언어들은 ; 나 { 같은 기호들을 사용하여 시작과 끝을 알려줘야 했지만 파이썬은 들여쓰기로 이를 표현 파이썬이 다른 언어에 비해 느린 이유 컴퓨터가 코드를 이해할 때, 변수 타입을 이해해서 매핑해야 하고(우리가 코드를 작성할 때 변수 타입을 선언하지 않으니까) -> 동적 타입 언어 인터프리터 언어이기 때문에 한 줄, 한 줄씩 이해... 파이썬python패스트캠퍼스fastcampusfastcampus [자바 인강] 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디지털크레딧 Git- Git 주요파일 프로젝트와 Repository를 설명하는 책의 표지와 같은 문서입니다. 나와 동료, 이 repo의 사용자를 위한문서입니다. git이 파일을 추적할 때, 어떤 파일이나 폴더 등을 추적하지 않도록 명시하기 위해 작성하며, 해당 문서에 작성된 리스트는 수정사항이 발생해도 git이 무시합니다. 대체로 이러한 파일들을 .gitignore 파일에 등록합니다. 보안상으로 위험성이 있는 파일 프로젝트와 관... 패스트캠퍼스1주차git2022-041주차 TIL #10 CSS flex 속성 flex: 블록요소와 같이 flex container 정의 (블록요소로 정의) inline-flex: 인라인 요소와 같이 flex container 정의 (인라인 요소로 정의) flex-direction 주 축을 선정 기본값: row 행 축 (좌 → 우) flex-wrap - flex items 묶음 (줄바꿈) 여부 justify-content 주 축의 정렬 방법 기본값 : flex-star... 패스트캠퍼스htmlcsshtmlcss 실시간 빅데이터 처리를 위한 Spark & Flink Online 5) Key-Value RDD Operations & Joins groupByKey reduceByKey mapValues keys join (+ leftOuterJoin, rightOuterJoin) countByKey groupBy: 주어지는 함수를 기준으로 Group groupBy groupByKey: 주어지는 Key를 기준으로 Group reduce: 주어지는 함수를 기준으로 요소들을 합침 (action) reduceByKey: Key를 기준으로 ... 데이터엔지니어패스트캠퍼스데이터엔지니어 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 24회차 미션 position 요소의 위치 지정 방법의 유형(기준)을 설정 static : 유형(기준) 없음 / 배치 불가능 (기본값) relative : 요소 자신을 기준으로 배치 absolute : 위치 상 부모 요소를 기준으로 배치 fixed : 브라우저 (뷰포트) 를 기준으로 배치 sticky : 스크롤 영역 기준으로 배치 요소의 position 기준에 맞는 '위쪽'에서의 거리 (위치)를 설정 단위... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 4회차 미션 < main > 문서 <body> 의 주요 컨텐츠 영역을 나타냄 주요 콘텐츠 영역은 문서의 핵심 주제나 앱의 핵심 기능에 직접적으로 연결됐거나 확장하는 콘텐츠 문서에 하나만 존재해야 함 IE 지원 X block 요소 < article > 독립적으로 구분되거나 재사용 가능한 영역을 설정 (매거진 / 신문 기사 / 블로그 등) 일반적으로 <h1> ~ <h6> 을 포함하여 식별 작성일자와 시간을 ... 패스트캠퍼스패스트캠퍼스 Chapter 02. 변수와 자료형(2) 인코딩 - 각 문자에 따른 특정한 숫자 값(코드 값)을 부여 디코딩 - 숫자 값을 원래의 문자로 변환 문자세트 : 문제를 위한 코드 값 (숫자 값) 아스키 : 1 바이트로 영문자, 숫자, 특수문자 등을 표현 함 문자형 변수 선언과 사용하기 character set: 문자를 숫자로 변환한 값의 세트 encoding: 문자가 숫자로 변환되는 것 UTF-8: 1바이트에서 4바이트까지 다양하게 문자... TILKDC패스트캠퍼스KDC [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 8회차 미션 속성 async : 스크립트의 비동기적(Asynchronously) 실행 여부 (Boolean, src 속성 필수) defer : 문서 파싱 (구문 분석) 후 작동 여부 (Boolean, src 속성 필수) type : MINE 타입 (text/javascript, 기본값) 스크립트를 지원하지 않는 경우에 삽입할 HTML 을 정의 inline 속성 <table> , <tr> , <th> , ... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 6회차 미션 다른 페이지, 같은 페이지 위치(#, 해시 태그), 파일, 이메일 주소, 전화번호 등 다른 URL로 연결할 수 있는 하이퍼링크를 설정 target : 링크 URL의 표시(브라우저 탭) 위치 ( 태그 사용 시 점선으로 밑줄이 쳐지고, 글자에 마우스를 올리면 title 속성 값이 나타남 문체가 다른 글자의 범위를 설정 다른 태그가 적합하지 않은 경우 마지막 수단으로 사용 inline 속성 관심있... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 20회차 미션 overflow 요소의 크기 이상으로 내용 (자식요소)이 넘쳤을 때, 내용의 보여짐을 제어 속성 값 visible : 넘친 부분을 자르지 않고, 그래도 보여줌 (기본값) hidden : 넘친 부분을 잘라내고, 보이지 않도록 함 scroll : 넘친 부분을 잘라내고, 스크롤바를 이용하여 볼 수 있도록 함 (무조건 스크롤바를 생성) auto : 넘친 부분이 있는 경우만 잘라내고, 스크롤바를 이용... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 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 6일차. 자바 기초 오늘만 수강하면, 자바 기초 강의는 다 수강한다! 알고 있던 기초 내용들이었지만, 다시 되짚으면서 정확하게 알고 가야겠다. 1. 반복문 - while 문(Ch01-17) 1) 조건이 참(true)인 동안 반복수행하기 주어진 조건에 맞는 동안(true) 지정된 수행문을 반복적으로 수행하는 제어문 조건이 맞지 않으면 수행을 멈추게 됨 👉 조건식에 변수가 들어갈 수도 있는데, 이 때는 변수가 0이... 패스트캠퍼스반복문자바국비교육국비교육 [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 [Python] Ch02. Python의 자료형 Python의 자료형 1. 파이썬이 다른 언어와 다른 점 다른 언어들은 ; 나 { 같은 기호들을 사용하여 시작과 끝을 알려줘야 했지만 파이썬은 들여쓰기로 이를 표현 파이썬이 다른 언어에 비해 느린 이유 컴퓨터가 코드를 이해할 때, 변수 타입을 이해해서 매핑해야 하고(우리가 코드를 작성할 때 변수 타입을 선언하지 않으니까) -> 동적 타입 언어 인터프리터 언어이기 때문에 한 줄, 한 줄씩 이해... 파이썬python패스트캠퍼스fastcampusfastcampus [자바 인강] 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디지털크레딧 Git- Git 주요파일 프로젝트와 Repository를 설명하는 책의 표지와 같은 문서입니다. 나와 동료, 이 repo의 사용자를 위한문서입니다. git이 파일을 추적할 때, 어떤 파일이나 폴더 등을 추적하지 않도록 명시하기 위해 작성하며, 해당 문서에 작성된 리스트는 수정사항이 발생해도 git이 무시합니다. 대체로 이러한 파일들을 .gitignore 파일에 등록합니다. 보안상으로 위험성이 있는 파일 프로젝트와 관... 패스트캠퍼스1주차git2022-041주차 TIL #10 CSS flex 속성 flex: 블록요소와 같이 flex container 정의 (블록요소로 정의) inline-flex: 인라인 요소와 같이 flex container 정의 (인라인 요소로 정의) flex-direction 주 축을 선정 기본값: row 행 축 (좌 → 우) flex-wrap - flex items 묶음 (줄바꿈) 여부 justify-content 주 축의 정렬 방법 기본값 : flex-star... 패스트캠퍼스htmlcsshtmlcss 실시간 빅데이터 처리를 위한 Spark & Flink Online 5) Key-Value RDD Operations & Joins groupByKey reduceByKey mapValues keys join (+ leftOuterJoin, rightOuterJoin) countByKey groupBy: 주어지는 함수를 기준으로 Group groupBy groupByKey: 주어지는 Key를 기준으로 Group reduce: 주어지는 함수를 기준으로 요소들을 합침 (action) reduceByKey: Key를 기준으로 ... 데이터엔지니어패스트캠퍼스데이터엔지니어 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 24회차 미션 position 요소의 위치 지정 방법의 유형(기준)을 설정 static : 유형(기준) 없음 / 배치 불가능 (기본값) relative : 요소 자신을 기준으로 배치 absolute : 위치 상 부모 요소를 기준으로 배치 fixed : 브라우저 (뷰포트) 를 기준으로 배치 sticky : 스크롤 영역 기준으로 배치 요소의 position 기준에 맞는 '위쪽'에서의 거리 (위치)를 설정 단위... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 4회차 미션 < main > 문서 <body> 의 주요 컨텐츠 영역을 나타냄 주요 콘텐츠 영역은 문서의 핵심 주제나 앱의 핵심 기능에 직접적으로 연결됐거나 확장하는 콘텐츠 문서에 하나만 존재해야 함 IE 지원 X block 요소 < article > 독립적으로 구분되거나 재사용 가능한 영역을 설정 (매거진 / 신문 기사 / 블로그 등) 일반적으로 <h1> ~ <h6> 을 포함하여 식별 작성일자와 시간을 ... 패스트캠퍼스패스트캠퍼스 Chapter 02. 변수와 자료형(2) 인코딩 - 각 문자에 따른 특정한 숫자 값(코드 값)을 부여 디코딩 - 숫자 값을 원래의 문자로 변환 문자세트 : 문제를 위한 코드 값 (숫자 값) 아스키 : 1 바이트로 영문자, 숫자, 특수문자 등을 표현 함 문자형 변수 선언과 사용하기 character set: 문자를 숫자로 변환한 값의 세트 encoding: 문자가 숫자로 변환되는 것 UTF-8: 1바이트에서 4바이트까지 다양하게 문자... TILKDC패스트캠퍼스KDC [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 8회차 미션 속성 async : 스크립트의 비동기적(Asynchronously) 실행 여부 (Boolean, src 속성 필수) defer : 문서 파싱 (구문 분석) 후 작동 여부 (Boolean, src 속성 필수) type : MINE 타입 (text/javascript, 기본값) 스크립트를 지원하지 않는 경우에 삽입할 HTML 을 정의 inline 속성 <table> , <tr> , <th> , ... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 6회차 미션 다른 페이지, 같은 페이지 위치(#, 해시 태그), 파일, 이메일 주소, 전화번호 등 다른 URL로 연결할 수 있는 하이퍼링크를 설정 target : 링크 URL의 표시(브라우저 탭) 위치 ( 태그 사용 시 점선으로 밑줄이 쳐지고, 글자에 마우스를 올리면 title 속성 값이 나타남 문체가 다른 글자의 범위를 설정 다른 태그가 적합하지 않은 경우 마지막 수단으로 사용 inline 속성 관심있... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 20회차 미션 overflow 요소의 크기 이상으로 내용 (자식요소)이 넘쳤을 때, 내용의 보여짐을 제어 속성 값 visible : 넘친 부분을 자르지 않고, 그래도 보여줌 (기본값) hidden : 넘친 부분을 잘라내고, 보이지 않도록 함 scroll : 넘친 부분을 잘라내고, 스크롤바를 이용하여 볼 수 있도록 함 (무조건 스크롤바를 생성) auto : 넘친 부분이 있는 경우만 잘라내고, 스크롤바를 이용... 패스트캠퍼스패스트캠퍼스 [패스트캠퍼스 수강 후기] 프론트엔드 인강 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)를 삽입 이미지도 삽입 가능 프론... 패스트캠퍼스패스트캠퍼스