코드스테이츠101 12/22 정리 CSS Cascading Style Sheet CSS는 웹페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어이다. 더 나은 사용자 경험을 제공하기 위해 HTML로 구성한 구조의 외부와 내부를 꾸미는 역할을 한다. UI(user interface) / UX(user experience) - 개발자는 사용자가 웹페이지를 사용하기 쉽고 접근성이 좋게 만들어야한다. CSS 기본 문법 selector로 선택자를 지정하고 코드 블록 내부에서 style을 정한다. CSS를 적용하는 방식에는 세가지가 있다. ⓵ HTML 파일에 외부 CSS 파일 연결 ⓶ 같은 줄에서 적용하는 인라인 방식 ... ⓷ 별도의 파일을 연결하지 않고 텍스트 꾸미기 - color, background, font-family, font-size, li.. 2022. 12. 22. 12/21 정리 HTML/ 동기부여세션 웹페이지를 이루는 3개의 구조 HTML / CSS / JAVASCRIPT HTML - 설계도 그리기(구조) CSS - 재질, 색상 등 꾸미기(스타일) JAVASCRIPT - 특정조건에 따른 동작 만들기 (상호작용) 1. HTML(HyperText Markup Language) 웹페이지의 구조를 다루는 마크업(Mark up) 언어 Tag들의 집합, Tree Structure Tag의 종류는 수십가지가 있으며, 다 외울 필요는 없고 자주 쓰는것만 기억해둘것 - 한줄 전체 차지 - contents 크기만큼 차지 - img삽입 src라는 속성이 있다. - 링크 삽입 href, target이라는 속성이 있다. - , , 리스트만들기 - , 다양한 입력폼 type속성으로 여러가지 형태의 입력폼을 만들 수 있다. -.. 2022. 12. 21. 12/20 정리 페어와 문제풀이 오늘은 하루종일 페어와 함께 조건문, 반복문 문제풀이를 진행했다. 1. 조건문 문제 회고 앞쪽은 그냥 평이한 문제였고, advanced문제들이 난이도가 조금 있었다. 6번문제(점수에 따라 등급 매기기)를 우리는 각각의 점수 전부를 if문으로 도배(!)해서 풀었는데 레퍼런스랑 다른분 풀이를 보니 grade(+,-)를 매기는 부분을 따로 빼서 함수로 만들거나 변수에 넣어서 나중에 등급에 붙여서 반환을 하는 방식을 사용하였다. 확실이 코드가 좀 더 깔끔해 보였는데, 이런 방식을 좀더 연습 해 봐야 할거 같다. 2.반복문 문제 회고 반복문 문제에서 계속 막혀서 힘들었다.. 9번 소수 구하기 문제는 어떻게 했는데 10번 소수 출력하기 문제가 매우 힘들었다. 소수가 아닌것을 구해놓고 계속 코드를 적다가 시간을 많이.. 2022. 12. 20. 원시값과 참조값의 비교 1.원시값(primitive type) - 원시값은 단순한 데이터이다. 변수가 가리키는 메모리에 실제로 값이 들어있다. - 변경 불가능한 값(Immutable value) -> 원시값 자체를 변경할 수 없는 것이지, 변수를 변경(재할당)하는것은 가능하다. - 원시값은 데이터의 신뢰성을 보장한다. - 변수에 값을 재할당시 메모리에 저장된 값을 지우고 다시 할당하는것이 아니라 다른 메모리 주소에 값을 저장한다. - 원시값에는 Number, Bigint, String, Boolean, Symbol, undefined, null 7가지가 있다. - 값에 의한 전달(pass by value) : 원시값은 실제 값이 복사되어 전달된다. 이를 값에 의한 전달 이라고 한다. var height = 80; var cop.. 2022. 12. 19. 12/19 정리(2) 함수 1. 함수의 기본개념 - 논리적인 일련의 작업을 하는 하나의 단위 - 코드의 묶음(즐겨찾기 버튼), 기능의 단위, 입력과 출력간의 매핑, 반드시 돌아온다(return) - 입력을 받아서 코드블럭 내부의 코드를 실행한 후 함수의 실행결과를 반환하는 일련의 과정의 묶음 2. 함수 선언문과 함수 표현식 // 함수선언문 function declared () { console.log('함수선언문'); } // 함수표현식 let expression = function () { console.log('함수표현식'); } 3. 함수 호출 declared() // '함수선언문' expression() // '함수표현식' 4. 매개변수와 전달인자 매개변수(parameter) - 함수를 정의할 때 선언하고 함수내부에서 변수.. 2022. 12. 19. 12/19 정리(1) 조건문/반복문 조건문 if문 - 주어진 조건식의 참/거짓에 따라 실행여부 결정 if (true) { console.log('hello world'); } // '조건이 true 이므로 hello world 출력' 동치연산자( ===, !== ), 비교연산자(, =), 논리연산자(&&, ||), 부정연산자(!) 등을 사용하여 조건을 만든다. else, else if 문 let name = 'kimcoding'; let course = 'seb be' if(name === 'kimcoding' && course === 'seb fe') { console.log('정보가 일치합니다.') } else if (name === 'kimcoding' && course !== 'seb fe') { console.log('코스를 확인.. 2022. 12. 19. 이전 1 ··· 13 14 15 16 17 다음
