본문 바로가기

LEARN190

[JS] Javascript 함수 24. 함수 예고 함수의 장점 유지보수 쉬워짐 코드의 길이가 짧아짐 같은 함수 사용 시, 두 코드가 논리적으로 같다는 것을 한 번에 알 수 있음 적절한 이름 붙여주면 이 코드가 어떤 일을 하는지 한 눈에 알 수 있음 25. 함수 Function Basic Parameter & Argument Return 26. 함수-매개변수와 인자 Function Basic Parameter & Argument Return 27. 함수-리턴 함수는 입력과 출력으로 이루어져 있음 parameter와 argument는 입력 return은 출력 Function Basic Parameter & Argument Return 28. 함수 활용 WEB HTML CSS JavaScript JavaScript Lorem ipsum do.. 2022. 3. 17.
[부스트코스] 5-1 CSS 단위, 배경, 박스모델 5. 단위, 배경, 박스모델 1) 속성-정의와구문 CSS 속성의 정의와 syntax 확인 방법 정의 해당 속성이 어떤 변화를 일으키고 어떻게 동작하는지 파악 기본 값 상속 여부 애니메이션 가능 여부 사용 가능한 CSS 버전 문법 해당 속성값을 어떤 식으로 나열하여 사용하는지를 파악할 수 있음 속성 값 해당 속성이 인식하여 적용할 수 있는 값의 형태나, 키워드 등을 파악할 수 있음 initial: 초기값, 즉 속성의 기본값으로 정의 (ie 지원x) inherit: 부모 요소의 해당 속성 값을 적용 (상속 가능할 요소일 경우) 지원 범위 해당 속성이 정의에 맞게 동작 가능한 CSS 버전, 브라우저별 저번 확인 어떤 브라우저의 어떤 버전이냐에 따라 같은 값이어도 다르게 렌더링 될 수 있으므로, 현재 프로젝트의.. 2022. 3. 17.
[JS] Javascript 제어문 13. 프로그램, 프로그래밍, 프로그래머 시간의 순서에 따라 연주되는 것을 프로그램이라고 했다고 함 프로그램이라는 의미의 중심에는 '순서'라는 의미가 깊숙하게 자리잡고 있음 순서를 만드는 행위를 프로그래밍이라고 함 그 순서를 만드는 사람을 프로그래머 14. 조건문 예고 조건문: 프로그램이 조건에 따라서 다른 기능들이 다른 순서에 따라서 실행되도록 만들어주는 것 토글: 하나의 버튼으로 두 가지 기능 구현 15. 비교연산자와 블리언 비교 연산자 불리언(Boolean) (true & false) === Comparison operator & Boolean === 1===1 1===2 1<2 1<1 === : 동등 비교 연산자 (이항 연산자) Boolean: True or False : 비교 연산자 .. 2022. 3. 16.
[부스트코스] 4-2 CSS 이해하기 4. CSS 이해하기 7) 가상 선택자 1 가상 클래스(pseudo class) 가상 요소(pseudo element) 가상 클래스 미리 정의해놓은 상황에 적용이 되도록 약속되어있는 보이지 않는 클래스 :pseudo=class { property: value; } 문서 구조와 관련된 가상 클래스 :first-child: 첫 번째 자식 요소 선택 :last-child: 마지막 자식 요소 선택 li:first-child { color: red; } li:last-child { color: blue; } HTML CSS JS 링크 관련된 가상 클래스 :link: 하이퍼링크이면서 아직 방문하지 않은 앵커 :visited: 이미 방문한 하이퍼링크를 의미 a:link { color: blue; } a:visited.. 2022. 3. 16.
[JS] 웹과 JavaScript 1. 수업소개 2. 수업의 목적 Javascript의 역할 자바스크립트의 가장 중요한 역할은 사용자와 상호작용할 수 있게 하는 것 3. HTML과 JS의 만남 : script 태그 JavaSciprt는 HTML 위에서 동작하는 언어 script 태그 안에는 Javascript 코드를 쓸 수 있음 JavaScript html hello world 다른 게 없어 보이지만, 다르다. JavaScript html 1+1 자바스크립트는 동적이다. 4. HTML과 JS의 만남 : 이벤트 (event) hi 버튼을 클릭했을 때, 경고창이 뜬다. onclick에는 자바스크립트 언어가 와야 한다. https://www.w3schools.com/js/js_events.asp 5. HTML과 JS의 만남 : 콘솔 크롬 오른.. 2022. 3. 15.
[부스트코스] 4-1 CSS 이해하기 4. CSS 이해하기 1) CSS 소개 Cascading Stylle Sheets(CSS) HTML(마크업 언어)을 꾸며주는 언어 html이 웹페이지의 정보를 표현한다면, CSS는 html을 보기 좋게 디자인하는 역할 reference http://www.csszengarden.com/ 2) CSS 문법과 적용 h1 { color: yellow; font-size: 2em; } 선택자(selector) 속성(property) 값(value) 선언(declaration) 선언부(declaration block) 규칙(rule set) 주석(COMMENT TAGS) /* 내용 */ CSS 적용방식 /* Inline */ 내용 /* Internal */ /* External */ /* @import */ @i.. 2022. 3. 15.

티스토리툴바