전체 글 67

#5일차 [JavaScript] 반복문 개념, 문제

for 문대표적인 반복문으로, 반복문을 사용하면 불필요한 코드를 반복적으로 사용하지 않고 간결하게 코드를 작성 할 수 있다.let result = 0;result = result + 1; // result = 0 + 1 -> result = 1 // result+= 1;result = result + 2; // result = 1 + 2result = result + 3; // result = 2 + 3result = result + 4; // result = 3 + 4result = result + 5; // result = 4 + 5console.log(result); // 15// 반복문 사용let result2 = 0;for(let i = 1; i  - 반복문과 조건문은 서로를 내부에 포함해서 사..

#4일차 [JavaScript] 조건문

if 문- if문은주어진 조건식의 참 (true) / 거짓 (false) 여부에 따라 실행이 결정된다.- 따라서 참과 거짓을 판단하기 위해 조건식이 boolean 타입이 되도록 작성. if (true) { // 소괄호의 조건식이 참으로 평가된 경우 내부의 코드가 실행된다. console.log("hello, world");}   조건식에 사용될 수 있는 연산자의 종류 - 동치연산자(===) > 두 피연산자가 동일하면 true, 그렇지 않으면 false 반환, !== 는 반대로 두 피연산자가 동일하지 않으면 true, 동일하면 false를 반환한다. ㄴ 헷갈림 주의let name = "taekho";if (name === "taekho"){ cnosole.log("동일합니다."); } - 비교연산자 ( >..

#3일차 [JavaScript] 기초

JavaScript 란?- 웹페이지를 동적이고 상호작용적으로 만드는데 사용되는 스크립팅 언어. - 웹페이지의 동작과 기능을 담당한다.  JavaScript 타입 목록목록원시 자료형number, string, boolean, undefined, null 등참조 자료형함수, 배열, 객체 등Java와 비슷한 부분은 쉽게 이해했지만 **undefined와 null의 차이를 유의해야겠다. * undifined : 변수가 선언되었지만 값이 할당되지 않은 상태를 나타낸다.> 함수가 명시적으로 값을 반환하지 않을 때 자동으로 반환된다.> JavaScript 엔진이 자동으로 할당하는 값  * null : 의도적으로 값이 없음을 나타내기 위해 개발자가 명시적으로 할당하는 값> 객체가 의도적으로 비어있음> typeof 연산..

#2일차 [CSS] 기초

CSS(Cascading Style Sheets)- HTML로 만들어진 문서의 시각적 스타일(디자인)을 정의하는 스타일시트 언어- UI를 보다 사용자 친화적으로 만들어서 UX를 향상시키고 웹페이지의 전반적인 디자인 품질 상승학습 정리 - , 를 사용하지 말아야 하는 이유 : 이전에는 스타일을 별개로 정의한다는 콘셉트가 없었지만 지금은 *관심사 분리라는 패러다임을 적용하여 HTML 파일로는 구조를 설계하는 일에만 집중하고, CSS 파일로는 스타일링만 담당하도록 작성한다. - 절대 단위와 상대 단위  절대 단위 : px, pt  상대 단위 : %, em, rem, ch, vw, vh 등> 글꼴 사이즈를 정할 때 - px(픽셀)은 인쇄와 같이 화면의 사이즈가 정해진 경우에 유리, 일반적인 경우에 rem을 많..

공부기록/CSS 2024.11.07

#1일차 [HTML] 기초

HTML(HyperText Markup Language) - HTML은 웹 페이지의 기본 구조를 정의하는 마크업 언어. 웹 페이지의 텍스트, 이미지, 링크, 비디오 등 다양한 콘텐츠를 태그를 사용하여 구조화한다.- 웹  페이지의 뼈대를 구성하고, 검색 엔진이 콘텐츠를 쉽게 인식하고 색인화할 수 있도록 돕는다. 이는 *SEO(검색 엔진 최적화)에도 중요한 역할    CSS(Cascading Style Sheets)- HTML로 만들어진 문서의 시각적 스타일(디자인)을 정의하는 언어- UI를 보다 사용자 친화적으로 만들어서 UX를 향상시키고 웹페이지의 전반적인 디자인 품질 상승    JavaScript- 웹페이지에 동적(반응형) 기능과 상호작용성을 부여하는 프로그래밍 언어- 상호작용성을 부여하여 사용자의 참..

공부기록/HTML 2024.11.06