김기지의 코딩노트

◎ CSS 웹 페이지 스타일 및 레이아웃을 정의하는 스타일 시트 언어 더 나은 UX(user experienc)를 제공하기 위한 UI(user interface)및 레이아웃을 구성하기 위해 사용 ► UI(사용자 인터페이스) 더보기 • 인터페이스 : 컴퓨터와 교류하기 위한 연결고리 버튼이나 마우스가 없던 시기에 개발자는 자신이 만든 애플리케이션과 소통하기 위해 CLI을 사용했음 이 방식은 키보드로 작성한 암호코드를 적어 엔터로 눌러야 애플리케이션이 작동했으므로, 컴퓨터에 무지한 일반 사용자들은 사용할 수 없었음 하지만 인터페이스가 잘 만들어진 요즘은 일반 사용자도 애플리케이션을 사용할 수 있음 이러한 인터페이스 앞에 '사용자'를 붙여 '사용자 인터페이스'가 됨 UI는 컴퓨터에 무지한 일반 사용자들이 애플리..

◉ HTML 웹 페이지의 뼈대를 구성하는 마크업 언어 (프로그래밍 언어X) 웹 페이지의 틀을 만듬 ○ HTML은 tag들의 집합 tag : 부등호()로 묶인 HTML의 기본 구성요소 구조를 살펴보면 상위 태그 안에 하위 태그의 묶음으로 구성된 트리 구조로 이루어져 있다. 태그는 여는 태그로 시작해서 닫는 태그로 끝낸다. 하지만 예외인 태그들도 존재한다. 예를 들어 태그같이 내부에 내용이 없는 태그의 경우 닫는 태그 없이 로 표현한다. 여기서 / 도 생략이 가능하다. 이러한 태그를 Self-closing tag라 한다. 자주 사용하는 태그 중 태그를 알아보자 태그는 self-closing tag로 닫는 태그 없이 사용 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성 다양한 종류..

◎ 반복문이란? 자바스크립트의 대표적인 제어문 중 하나 코드를 불필요하게 중복해서 작성하지 않아도 컴퓨터가 반복적으로 동작을 수행하도록 하는 것 반복문을 왜 써야할까? 구구단을 출력하는 코드를 짠다고 가정해보자. 먼저 2단을 출력하는 코드를 작성하고 동작이 마무리되면 다시 3단을 출력하고... 컴퓨터가 같은 동작을 반복하는 동안 우리는 계속 코드를 입력해주어야 할것이다. 이때 반복되는 코드를 자동으로 반복하도록 한다면 시간적인 측면에서나 가독성에도 좋을것이다. ◎ for문 자바스크립트의 대표적인 반복문 ▶ for문 형식 for ( 초기값; 조건식; 증감식 ){ 실행할 코드; } 초기값 : 증감식 반복횟수를 카운트하는 역할을 하는 변수(주로 정수를 의미하는 integer의 약자인 i를 사용) 초기값은 반복..

컴퓨터는 작성된 코드를 위에서 아래 순서로 순차적으로 실행한다. 그런데 어떤 경우에 따라 다른 코드가 실행되게 하고 싶다면?? → 조건문을 활용하자 ◎ if문 가장 대표적인 조건문 주어진 조건식의 참(true)/거짓(false) 여부에 따라 실행이 결정됨 → boolean타입이 되도록 작성해야한다. if ( 조건식 ) { 내부 코드 } 조건식이 참(true)으로 평가되면 코드블록 내부의 코드가 실행된다. 조건식을 상황에 맞게 작성하면 특정 상황에만 코드가 실행되도록 할 수 있다. boolean타입에서 사용한 연산자를 이용하여 조건식을 만들어보자! ● 동치 연산자(===) - 두 피연산자가 동일하면 true, 아니면 false로 반환됨 - !==는 반대로 반환 let nickname = 'kiji'; if..

◎ 변수 : 데이터를 담는 메모리(보관함)의 이름 변수를 통해 메모리에 들어있는 데이터를 사용한다. 어떻게? 더보기 1. 보관함 확보하기 → 변수 선언(declaration) 2. 보관함에 데이터 저장하기 → 변수에 값을 할당(assignment) 3. 데이터 사용하기 1) 변수의 선언과 할당 1. 변수 선언 - 특정 데이터를 컴퓨터가 기억할 수 있도록 메모리 공간을 확보하고 그 메모리 공간에 이름을 부여하는 것 - 변수를 선언하는 키워드 사용 변수를 선언하는 키워드는 세 가지가 있다. 1. var : 변수 중복선언 허용(에러 발생 X), 함수 레벨 스코프, 변수 Hoisting 2. let : 변수 중복선언 금지, 블록 레벨 스코프, 변수 Hoisting이 발생하지 않는 것처럼 동작 3. const :..

◎Type(타입) :값(value)의 종류 우리는 평소 여러가지 표현으로 정보를 전달한다. '오늘은 2022년 12월 18일 입니다.' , '아메리카노 5000원' , 100 > 24 등등 말이나 글로써 정보를 표현한다. 위 정보에서 2022, 12 등을 문자가 아닌 숫자로 표현한 이유는 뭘까? 정보를 전달받는 사람의 가독성을 높여주기 위함이다. 때문에 숫자나 부등호 기호를 문자열이 아닌 숫자, 기호 그 자체로 분류하고 표현하게 된다. javascript에서도 정보를 전달하기 위해 값을 사용한다. 여기서도 자주 쓰이는 값은 분류를 하게 되고, 분류된 각 타입은 고유한 속성과 메서드를 갖게된다. ● 타입의 종류 - 원시타입 : 변경 불가능한 값 ▶ 종류 ① Number ② String ③ Boolean ④..

오늘은 바로 코드스테이츠 프론트엔드 부드캠프 첫 날!!!!!!! 8시에 일어나서 청소하고 씻고..난리난리... 오랜만에 일찍 일어나서인가 머리가 아파서 점심시간에 누워있다 바로 수업듣기..ㅋ 오늘은 첫 날이라 ot위주로 지나갔지만 바로 내일부터 페어 프로그래밍 시작이라니!!!! 전 아직 준비가...(ㄷㄷㄷㄷ) 여러 갈래길을 돌다 코드스테이츠로 온 만큼 열심히 해보자!!!!! ◎ 나의 목표 - 부트캠프를 통해서.. 오늘의 집 같은 가구 관련 회사에 취업하기 이왕이면 부트캠프가 끝나기 전에,,(6월부터 너무 덥잖아요.. 재택이면..좋겠지만..) ◎ 앞으로의 계획표 아, 물론 주중 계획표입니다만,,? 킄 이와중에 코난은 포기 못하지... 이상적인 계획표이지만 사람일은 모르는 것. 눈오는 날엔 산책을 못가고....