6일차 회고 ㅁ 주요 내용 타입 변수 1. 타입 Number 타입 숫자를 표현하기 위한 데이터 타입으로 정수와 실수 모두 표현 가능 Math 내장 객체 - Math.floor(): 괄호 안의 숫자를 내림하여 반환합 -Math.ceil(): 괄호 안의 숫자를 올림하여 반환 -Math.round(): 괄호 안의 숫자를 반올림하여 반환합니다.Math.abs(): 괄호 안의 숫자의 절대값을 반환 -Math.sqrt(): 괄호 안의 숫자의 루트값을 반환 -Math.pow() : 괄호 안의 첫 번째 숫자를 밑, 두 번째 숫자를 지수인 숫자를 반환 String 타입 인간의 언어(자연어)를 표현하기 위한 데이터 타입으로, 따옴표(’), 큰따옴표(”), 백틱(`)으로 감싸서 작성함 문자열의 l..
5일차 회고 ㅁ 주요 내용 [실습] 계산기 목업 페어프로그래밍 1. [실습] 계산기 목업 페어프로그래밍 원래는 오늘까지 계산기 목업 프로그래밍 예정이었으나, 우리 페어(팀)는 금요일날 거의 다 완성시켰기 때문에 금일은 CSS관련 자율학습을 진행하였다. 금주에는 목업된 계산기를 자바스크립트를 통해 계산기능까지 구현하는 작업이 예정 되어 있다. 이와 관련하여 이전 내용을 복습하고, 다소 번잡했던 id명과 class명 수정하는 작업을 했다. //* AS-IS *// 0 AC +/- % ÷ 7 8 9 × 4 5 6 - 1 2 3 + 0 . = - id와 class에 정체성이 없어, CSS를 작성할때도 계속 html파일로 넘어와서 id명과 class명을 수시로 확인해야 함 < 해결 방안..
4일차 회고 ㅁ 주요 내용 Flexbox [실습] 계산기 목업 페어프로그래밍 1. Flexbox 요소의 크기가 불문명하거나 동적인 경우에도 각 요소를 정렬할 수 있는 방법 제공 구성요소: container, items container 설정 속성 속성 의미 display Flex Container 정의 flex-direction items의 주 축을 설정 flex-warp items의 줄바꿈 설정 justtify-content 주 축 정렬 방법 설정 align-content 교차 축 정렬 방법 설정(2줄 이상) align-items 교차 축에서 items의 정렬 방법 설정(1줄) items 설정 속성 속성 의미 order item의 순서를 설정 flex flex-grow, flex-shrink, flex..
3일차 회고 ㅁ 주요 내용 CSS 기초 박스모델 CSS Selecor 1. CSS 기초 CSS의 문법 구성 CSS 속성 종류 font-size: 수치; 폰트사이즈 text-align: 위치; 텍스트 정렬 margin : 수치; 바깥쪽 여백 padding: 수치; 안쪽 여백 background: 색상; 배경이미지, repeat,position값까지 정의 가능 gradient 속성도 줄 수 잇음 background-color: 색상; 오직 색만 지정할수 있음. gradient 속성도 줄 수 없음 color: 색상; font-size: 수치; 절대단위와 상대단위 절대단위: px, pt 등 상대단위: 픽셀을 기준으로 상대적 크기를 지정. em, rem, vwm vh 등 em: 부모 요소 값 기준 rem:..
확인 removeEventListener 미구현 상태로 out이나 홈런시에도 계속 숫자 입력이 가능한 상태임 배열반복문 for each로
2일차 회고 ㅁ 주요 내용 웹 개발 이해하기 HTML 기초 HTML 심화 1. 웹개발 이해하기 웹 개발 구성요소 : HTML, CSS ,JAVA SCRIPT HTML : 웹페이지의 구조(틀)를 만드는 마크업 언어 CSS : 웹페이지의 스타일, 디자인 요소를 시각화 하는 스타일 시트 언어 JAVA SCRIPT : 특정 조건에 따라 상호작용하도록 하는 프로그래밍 언어 2. HTML 기초 HTML의 기본 구조와 문법 HTML은 tag들의 집합 tag : 부등호()로 묶인 HTML의 기본 구성요소 트리(tree)구조 자주 사용하는 HTML 요소 1. vs div 태그는 한줄을 차지, span 태그는 컨텐츠 크기 만큼 공간을 차지 블록 vs 인라인 요소 2. : 이미지 삽입태그 / 속성 값 / /닫는 태그 ..
1일차 회고 ㅁ 주요 내용 ㅇ 코드스테이츠 부트캠프 학습전략 및 운영에 관한 전반적인 설명 - 실무 주도형 학습, 과제형 학습, 자기주도형 학습 , 원격 학습 ㅇ 학습 방향에 대한 설명 - 학습툴 설정 - 메타인지 학습 전략 - Pair Programming - 의사코드 - Agora States 1. 자기주도형 학습 이란? - 코드스테이츠 프로그램의 주요 운영방식은 자기주도 학습을 기반으로 진행 - 모르는 것이 있을때, 바로 정답을 요구하기 보다는 구글링 등을 통해 스스로 답을 찾는 과정에 익숙해지기 - 스스로 답을 찾는 과정에서 능동적인 질문을 통해 부족한 부분을 채우고, 그 부분을 스스로 학습하고 더 나아가 성장 기회로 만들 수 있어야함 2. 학습툴 설정 - 노션(Notion), Discord, G..
ㅁ. STEP 1. 학습 1. html 기초 : 태그, class, CSS 2. 자바스크립트 : 변수, 연산자, 데이터 타입 3. 자바스크립트 : 함수 ㅁ. STEP 2. 학습 1. 자바스크립트: 비교연산자, 조건문 2. 자바스크립트: 반복문(for문) ㅁ. STEP 3. 학습 1. 자바스크립트 : 배열 2. 자바스크립트 : 객체
