CodeStates55 [TIL & 회고] 새롭게 맞이한 1주차의 시작과 5주차의 끝맺음 Today I Learned ☑ Metacognition MindSet 나 자신의 학습도를 객관적으로 판단한 뒤 그에 맞는 학습 전략을 세우는 행위를 메타인지라고 칭한다는 것을 알게 되었다. 나의 마인드셋은 성장형이 아닌 성장형을 모방한 고정형 마인드셋이다. 학습 피로도에서 비롯되는 나태함에 지지않을 강인한 체력이 뒷받침 되는 근성이 필요하다. ☑ 학습 기록을 위한 티스토리 블로깅 리뉴얼 ☑ 개인 학습 클라우드 자료 분류 작업 TIL과는 거리가 먼게 2개나 있지만 원할한 학습을 위해서니까 일단 기록.. 5주차 HA를 끝낸 후 다시 시작 코드 스테이츠 과정에선 해당 섹션에 대한 학습을 제대로 했는지 판단하기 위해 각 세션 종료 시점마다 Hiring Assessment 시험을 치른다. Hiring Asses.. CodeStates/TIL & 회고록 2022. 1. 17. [JavaScript] 배열과 객체 배열 Array 배열은 순서(index)가 있는 값이며, index는 0부터 번호를 매김 [ 대괄호 ] 를 이용해 배열을 만들고 각각의 element는 쉼표 , 로 구분 index를 이용해 값(요소(element))에 접근 가능 없는 인덱스 조회시 undefined 배열 안에 배열 중첩 가능 : 이차원 배열 등등 console.table(arr) : 인덱스와 값을 테이블로 보여줌 [ ] === [ ] → false 구조상으론 같은 배열로 보여도 주소가 다른 두 개의 빈배열 let myNumber = [1, 2, 3, 4, 5, 6]; //각각의 엘리먼트는 쉼표로 구분 myNumber[3]; //4 myNumber[2] = 8 //2번 인덱스의 값인 3이 8로 바뀜 [1, 2, 8, 4, 5, 6] myN.. CodeStates/JavaScript 2022. 1. 4. [CSS] Cascading Style Sheets CSS 정의 콘텐츠의 배치와 위치 (레이아웃 및 디자인) 및 최소한의 타이포그래피를 통해 User Experience(UX)를 제공 CSS를 작성해 간단한 User Experience(UI)를 만드는 일은 개발자의 기본 소양 CSS는 스타일링 도구로 독립적으로 기능하지 않고 반드시 HTML이 있어야만 동작 CSS 파일 추가 CSS를 별도의 파일로 분리하지 않고, HTML 태그에 직접 CSS 속성을 추가 시 하나에 집중하기 위해 파일이나 구간을 구분하는 관심사 분리 측면에서 권장하지 않음 관심사 분리 : HTML 파일에서는 웹 페이지의 구조만 신경쓰고, CSS 파일에서는 디자인만 신경쓸 수 있도록 구현 CSS 파일을 HTML 파일에 적용 : Link 태그 안에서 href 속성을 통해 파일을 연결 //CSS.. CodeStates/React 2021. 12. 20. [HTML] HyperText Markup Language HTML 구성 HTML 기본 구조와 문법 1. HTML 정의 웹 페이지의 틀을 만드는 마크업 언어(태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어) tag들의 집합 tag : 부등호()로 묶인 html의 기본 구성 요소 열고 닫기 html 확장자 사용 속성(attribute) : attribute name(속성 이름)과 attribute value(속성 값) 으로 구성 div*2>li*1>ol*2 //tap을 누르면 아래처럼 자동완성 id id(#name) : 한가지만 지정, 하나의 문서에 고유한 id 하나만 사용 가능 This is the navigation section. //CSS에 적용시 #id { color: black; } class class(.name) : 그룹으로 묶어서 스타일 .. CodeStates/React 2021. 12. 20. [JavaScript] 반복문 반복문의 구조 1. for문 초기화, 조건식, 증감문을 ';'으로 구분 초기화, 조건식, 증감문은 선택사항이지만 조건문 생략시 break 필요 상황에 따라 초기화, 조건식, 증감문 생략 가능 *생략해도 세미콜론 ; 표시 필수, 생략된 for문은 while문과 형태가 같음 초기화 : let 또는 var를 이용해 선언 var : 반복문에 제한되지 않음 let : 반복문의 지역변수가 됨 같은 타입일 경우 ';'를 이용해 하나 이상의 변수의 초기화 및 증감이 가능 for(초기화; 조건식; 증감문) { // 반복할 내용 } 2. while문 초기화, 증감문은 따로 작성 조건식만 괄호 안에 작성 초기화와 증감문이 필요없을 때 사용 기본적인 동작구조는 for문과 동일 초기화 while(조건식){ //반복할 내용 증감.. CodeStates/JavaScript 2021. 12. 19. [JavaScript] 문자열 문자열 문자열 : string 문자 하나 : character → char 1. str[index] index로 접근 가능 index : 0부터 시작 문자를 바꿀 수 없음 var str = 'UKKIKKI'; console.log(str[0]); //U str[0] = 'G'; //U가 G로 바뀌지 않음(에러 발생X) 2. + 연산자 string 타입과 다른 타입 사이에 + 연산자를 쓰면 string (문자열) 형식으로 변환 더하기( + ) : 문자열과 숫자 모두에 대해 정의되어 있으므로 '문자열 숫자' + 숫자는 연산이 아닌 문자열의 형태로 이어붙음 빼기( - ), 나누기( / ), 곱하기( * ) : 문자열이 아닌 숫자에 대해서만 정의되어 있으므로 '문자열 숫자'가 숫자의 형태로 전환되어 연산한 결과.. CodeStates/JavaScript 2021. 12. 19. [JavaScript] 조건문 조건문이란 어떠한 조건을 판별하는 기준을 만드는 것 (경우의 수를 따지는 조건문) 반드시 비교 연산자 필요 if → else if → else 순서로 작동 (하나의 약속) 1. 형태 비교 결과는 늘 Boolean으로 참(true)과 거짓(false)로 나뉜다. if ( 조건문 1 ) { return //조건문 1이 true 일때 실행 } else if ( 조건문 2 ) { //조건문 1이 false일때 실행 } return //조건문 2가 true 일때 실행 else ( 조건문 3 ) return //조건문 1과 2가 false 일때 실행 2. 비교 연산자 (Comparison Operator) : 미만 >= : 이상 2 ) → false !undefined → true !'Hello' .. CodeStates/JavaScript 2021. 12. 19. 이전 1 2 3 4 5 다음 반응형