오꾸오꾸(오늘도 꾸준히 오랫동안 꾸준히)

📌Media query Media query는 오직 CSS만을 이용해서 스크린의 사이즈를 알 수 있는 방법이다.(웹사이트를 보고 있는 사용자의 스크린 사이즈) ​ @media screen and (max-width: px){}을 이용하여 몇 픽셀부터는 달라보이도록 만들 수 있다. 이를 통해 스크린이 사이즈를 알 수 있다. ​ min 사이즈와 max 사이즈를 조절하여 단계별로 만들면, 스크린 사이즈의 범위를 알 수 있다. ​ 브라우저에서 inspect의 device toolbar를 이용하여 핸드폰 기종 별 사이즈로 브라우저를 볼 수 있다. ​ media screen에 (orientation:landscape)를 이용하면 가로모드 인지 구별 할 수 있습니다. (orientation: portration) 세..

📌Achievement Goals CSS Intro CSS의 의미를 이해한다. ✅ 현업에서 자주 사용한는 CSS를 알아본다.✅ 변수의 선언과 값의 할당에 대해서 설명하고 코드로 작성할 수 있다. ✅ 값으로 변환된 표현문이 변수에 할당되어 담기는 과정을 설명할 수 있다. ✅ 변수 기초, 변수 실습 자바 스크립트에서 변수의 선언과 값의 할당에 대해 설명할 수 있다. ✅ 변수 선언과 값 할당에 사용되는 용어에 대해 정확하게 알 수 있다. ✅ =가 '같다' 라는 의미가 아니라 할당 연산자 임을 이해할 수 있다. ✅ num = num + 1이 '같다' 라는 의미가 아니라 값을 할당하는 것 임을 설명할 수 있다. ✅ 📌Chapter Contents CSS Intro CSS란: Cascading Style Sheet..

📌Achievement Goals HTML Intro HTML이 markup langguage 임을 이해한다. ✅ HTML이 어떠한 역할을 하는지 이해한다. ✅ HTML에 어떠한 element가 있는지 대략적으로 이해한다. ✅ 사이트를 시각적으로 볼 수 있는 눈을 기른다.✅ atrribute에 대한 이해 자주 사용하게 되는 atrribute에 대해 이해할 수 있다.✅ 📌Chapter Contents HTML 기초 HTML(Hypertext Markup Language)의 약자로 웹 브라우저를 보여주기 위한 문서이고 표준화된 markup language를 사용합니다. 은 Document type은 html이라고 정의해 주는 것 입니다. 내에는 크게 와 로 나뉠 수 있으며 : 사용자에게 보여지는 UI적인 요..

📌Achievement Goals 조건문 truthy와 falsy가 조건문에서 작동하는 방식을 이해할 수 있다. ✅ 비교 연산자를 통한 엄격한 비교 (===,!==)에 대해 이해할 수 있다. ✅ if와 else if, else를 이해하고 무리없이 활용할 수 있다. ✅ 논리 연산자를 (&&, ||, !..)를 통해 복잡한 조건을 간결하게 작성할 수 있다. ✅ 조건문 문제로 에러 메세지 알아보기 코플릿 에러 메세지 읽는 법을 배우고, 이를 기반으로 작성한 코드를 수정하는 법을 배운다. ✅ 조건문 문제로 배우는 알고리즘 코플릿 조건문 13번 문제의 해결방법을 익히며, 문제를 체계적으로 해결하는 방법을 배운다. ✅ 복잡한 조건문을 활용해, 실생활에서 마주하는 문제를 해결하기 위한 알고리즘을 구현할 수 있다. ✅..

📌Achievement Goals 함수 Intro 함수가 '작은 기능의 단위'라는 것을 이해 할 수 있다. ✅ 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다. ✅ 함수 선언과 호출의 기초적인 작동 원리를 이해할 수 있다. ✅ 함수가 선언되어 함수 표현식이 변수에 담기는 과정을 설명할 수 있다. ✅ 함수의 결과 값이 변수에 할당되어 담기는 과정을 설명할 수 있다. ✅ 함수 기초, 함수 실습 함수의 호출과 리턴에 대해 이해하고, 실제 코드로 작성하여 활용할 수 있다. ✅ 함수 그 자체 func 와 함수의 호출 func() 를 구분하여 사용할 수 있다. ✅ 매개변수(parameter) 와 전달 인자(argument) 를 구분하여 사용할 수 있다. ✅ 같..

📌Achievement Goals 자바 스크립트에서 원시 자료형과 참조 자료형이 무엇인지 알 수 있다. ✅ 원시 자료형 string, number, boolean, undefined 의 의미를 이해 할 수 있다. ✅ 타입마다 다른 속성과 메소드가 있다는 것을 이해 할 수 있다. ✅ typeOf 를 활용하여 특정 값의 타입을 확인 할 수 있다. ✅ 비교시 엄밀한 비교 (===과 !==)의 필요성을 이해 할 수 있다. ✅ 📌Chapter Contents 변수 타입 숫자 -> ex) pi (3.141592) 문자열 -> ex) myname (Doha) Boolean : true/false로 결과가 나온다 -> ex) isAdult (성인입니까?) undefined 함수 📌Summary 변수에는 다양한 타입이 ..

📌Achievement Goals 변수 Intro 프로그래밍은 데이터 처리를 하는 것 임을 이해한다. ✅ 변수 사용은 데이터를 편리하게 저장하고 꺼내쓰는 것 임을 이해한다. ✅ 변수의 선언과 값의 할당에 대해서 설명하고 코드로 작성할 수 있다. ✅ 값으로 변환된 표현문이 변수에 할당되어 담기는 과정을 설명할 수 있다. ✅ 변수 기초, 변수 실습 자바 스크립트에서 변수의 선언과 값의 할당에 대해 설명할 수 있다. ✅ 변수 선언과 값 할당에 사용되는 용어에 대해 정확하게 알 수 있다. ✅ =가 '같다' 라는 의미가 아니라 할당 연산자 임을 이해할 수 있다. ✅ num = num + 1이 '같다' 라는 의미가 아니라 값을 할당하는 것 임을 설명할 수 있다. ✅ 📌Chapter Contents 변수 Intro ..