15.1 var 키워드로 선언한 변수의 문제점15.1.1 변수 중복 선언 허용만일 동일한 이름의 변수가 이미 선언되어있음에도 변수를 중복 선언하면서 값까지 할당했다면 의도치 않게 먼저 선언된 변수 값이 변경되는 부작용 발생.15.1.2 함수 레벨 스코프var 로 선언한

스코프(유효범위) :식별자가 유효한 범위자바스크립트를 포함한 모든 프로그래밍 언어의 기본적이며 중요한 개념. 다른 언어의 스코프와 구별되는 특징이 있으므로 주의.❗️모든 식별자(변수 명, 함수 명, 클래스 명 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을

12.4.2 함수 표현식자바스크립트의 함수는 객체 타입의 값이다. 자바스크립트의 함수는 값처럼 변수에 할당할 수도 있고 프로퍼티 값이 될 수도 있으며 배열의 요소가 될 수도 있다. ❗️자바스크립트의 함수는 일급객체\*일급객체 : 값의 성질을 갖는 객체\*함수가 일급 객

: CPU(중앙 처리 장치), 메모리(주기억장치 / 보조 기억 장치), 입출력 장치: CPU, 메모리, IO장치가 버스로 연결된 구조: 프로그램이 HDD같은 저장 장치에 담겨있지마, 저장장치에서 바로 실행할 수 없고메모리로 가지고 와야지만 실행이 됨 ⇒ 메인메모리가 유

1-1 운영체제(OS, Operating System)의 정의응용 프로그램 or 사용자에게 컴퓨터 자원을 사용할 수 있는 인터페이스를 제공하고 그 결과를 돌려주는 시스템 소프트웨어일반 컴퓨터, 노트북, 스마트폰의 전원을 켜면 가장 먼저 만나게 되는 소프트웨어(ex -

함수 : 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것수학의 함수는 “입력”을 받아 “출력”을 내보내는 일련의 과정을 정의한 것.위처럼 미리 정의해 둔 함수를 실행하는 것을 수식으로 표현하면 f(2, 5)=7. 이때 함수의 x, y는

만약 A와 B라는 깃헙 리포지토리가 있다고 하자.이때 A가 B개발자의 프로젝트가 마음에 들어 같이 프로젝트에 참여해 기여자로서의 공헌을 하고싶어한다.하지만 내가 다른 사람의 저장소에 있는 코드를 수정하거나, 다른 사람의 저장소의 코드를 내가 수정하려면 관리자가 직접 나

업로드중..: 최댓값과 최솟값을 빠르게 찾기 위해 고안된 자료구조각 노드의 key값이 해당 노드의 자식 노드의 key값보다 작지 않거나 크지 않은 완전 이진트리키 값의 대소관계는 부모-자식 노드 간에만 성립하며 형제노드 간에는 영향을 미치지 않음자식 노드의 최대 개수는

: Key와 Value의 쌍으로 데이터를 저장하는 자료구조언어에 따라 HashMap이라고도 불리며, 파이썬의 Dictionary도 HashTable로 구현되어 있음.⭐️ HashTable(HashMap, Dictionary)의 특징순차적으로 데이터를 저장하지 않음Key

함수 : 특정 코드를 하나의 명령으로 실행 할 수 있게 해주는 기능위의 작업을 함수로 만들면,👉 결과 : 3함수를 만들 때는 function 를 사용하며, 함수에서 어떤 값을 받아올지 정해주는데 이를 파라미터(매개변수)라고 부른다.함수 내부에서 return 키워드를

조건문을 사용하면 특정 조건이 만족됐을 때 특정 코드를 실행할 수 있다.: 가장 기본적인 조건문: "\~~하다면 \~~를 해라" 를 의미👉 결과 : "a + 1 이 2 입니다."만약에 여기서 a 를 0 으로 바꾼다면?👉 결과 : 아무것도 출력되지 않음.if문을 사용

: 현재 실행 중인 태스크가 종료할 때까지 다음에 실행될 태스크가 대기하는 방식.장점 태스크를 순서대로 하나씩 처리하므로 실행 순서가 보장됨단점 앞선 태스크가 종료할 때까지 이후 태스크들이 블로킹 됨함수를 호출하면 함수 코드가 평가되어 함수 실행 컨텍스트가 생성됨.

연산자 : 프로그래밍 언어에서 특정 연산을 하도록 하는 문자여기서 두번째 줄에서 사용된 = 문자가 바로 연산자이다. 그 중에서 = 는, 대입 연산자에 해당된다. 첫번째 줄은 새로운 변수를 선언하는 것으로서, 대입 연산자에 해당하지 않음.산술 연산자 : 사칙연산과 같은

변수와 상수는, 특정 이름에 특정 값을 담을 때 사용한다.예를 들어, value 라는 이름에 1 이라는 값을 넣는다고 가정해보자.다음과 같이 입력.이제 value 를 조회하면 value 는 1을 가리키게 된다.예를 들어서 우리가 이전에 배웠던 console.log 를

자바스크립트는 우리의브라우저에서 언제든지 사용 할 수 있다.크롬 개발자 도구에서 Console 탭을 열고 입력창에 다음 코드를 입력해보자.스크린샷 2022-10-03 오후 2.49.02.png위 이미지와 같이 Hello JavaScript! 가 보여진다.

Flexbox는 모던 웹을 위하여 제안된 기존 layout보다 더 세련된 방식의 니즈에 부합하기 위한 CSS3의 새로운 layout 방식이다.요소의 사이즈가 불명확하거나 동적으로 변화할 때도 유연한 레이아웃을 실현할 수 있다. 복잡한 레이아웃이라도 적은 코드로 보다 간

업로드중..현재 article은 layout에 상관없이 1행에 1개씩 배치되었다.article을 2열로 배치하기 위해서 width 값을 지정하여야 한다. %로 width 값을 지정하여 viewport에 상대적인 너비를 갖도록 한다. 이때 margin도 %로 지정한다.

아래는 기기에 따라 breakpoint를 정의한 것이다.Non Mobile First Method로 정의하였기 때문에 Media Query로 정의하지 않은 스타일은 데스크탑 그룹을 위한 코드이다.CSS 적용 우선 순위에 따라 나중에 선언된 스타일이 먼저 적용된다. 따라

1. 반응형 웹 디자인(Responsive Web Design)란? 화면 해상도에 따라 가로폭이나 배치를 변경하여 가독성을 높이는 것 즉, 하나의 웹사이트를 구축하여 다양한 디바이스의 화면 해상도에 최적화된 웹사이트를 제공하는 것 1.1 viewport meta t