본문 바로가기

분류 전체보기

(82)
기계어 ,어셈블리어 , Interpreted Language - 기계언어 컴퓨터가 읽을 수 있는 2진 숫자로 이루어진 언어 코딩한것을 컴파일러하여 기계어로 변환 해주어야 컴퓨터가 인식 숫자로만 이루어져있음 - 어셈블리 언어 기계어를 사람이 보기 쉽게 문자를 기호화 하여 나타냄 명령을 세세하게 지정 해줘야함 - Interpreted Language 필요한 순간 번역 후 컴퓨터에 전달 ,명령 Interpreter 내장된 컴퓨터에서 실행 가능 ex ) js
scope ,hoisting ,primitive ,reference scope 변수에 접근 가능한 범위 지역 변수에서 데이터타입 var 붙이지 않으면 전역변수가 됨 가급적 전역 범위 변수 생성 피하기 내부 => 외부 접근 가능 외부 => 내부 접근 불가 내부와 외부를 판별하는 기준 : 함수 hoisting host의 동사형, 끌어올리다 변수의 선언부가 끌어올려짐 범위에따라 선언 ,할당 분리 선언문은 자바스크립트 엔진 구동시 가장 먼저 해석 변수 함수 내 => 함수 최상위 선언 변수 함수 바깥 => 전역 컨텍스트 최상위 함수 호이스팅 함수 표현식 : 호이스팅 되지 않음 ex) var a = function(){}... 함수 선언식 : 호이스팅 됨 ex) function a(){} 참조 사이트 https://asfirstalways.tistory.com/197 primiti..
animation transition 프로퍼티 변경에 따른 일시적 시간 후에 변화 animation animation-name : 애니메이션 이름 animation-duration : 0s 진행 초 animation-delay : 0s 웹사이트 열리고 몇 초 후 진행 animation-timing-function: // ease : 느림 // ease-in : 느리다가 빨라짐 animation-fill-mode : //forwards: 진행 후 멈춤 animation-iteration-count : 애니메이션 재생 횟수 //infinite 무한 반복 @keyframes 이름 { from { 시작점 } to{ 끝에 바뀔것 }
vscode 기본 터미널 변경 ctrl + shift +p Termibal: Select Default Shell 선택 git Bash 클릭으로 변경
DOM DOM 플랫폼, 언어와 관게없이 독립적인 인터페이스 XML ,HTML 문서를 트리구조로 표현한 문서 DOM과 HTML의 차이점 HTML 화면에 보이고자하는 모양, 구조를 문서로 만든것 최초의 화면을 그릴때 이용한 설계도 DOM 실제로 화면에 표현된것들 설계도를 이용해서 만든 실물 화면 조작, 웹페이지 만질 수 있음 => 인터페이스라고 부름 node 하나의 단위, 요소 들을 표현시 씀 tree structure node가 하위 node들을 가지면서, 반대로 뒤집었을시에 나무가 뿌리에서 가지를 뻗어가는 모양과 유사 DOM Element 선택 querySelector CSS선택자에 해당하는 첫번째 요소를 가져옴 =>1개 리턴 querySelectorAll CSS선택자에 해당하는 모든 DOM Element들을 ..
javascript 1 undefined : 값이 정의 되지 않음 null : 의도적으로 값이 없음 표현 //더이상 사용하지 않을거면 의도적으로 null 사용 항상 === , !== 사용 typeof : 어떤 자료형인지 타입 알려줌 //결과값 항상 문자열 자료형 7가지 string , number , boolean , null , underfined , object ,Symbol Falsy underfined , null , 0 , -0 , NaN , false , '' , "" //이외의 값은 모두 Truthy >논리연산자 || : or 하나라도 값이 맞다면 true 반환 왼쪽부터 true 찾아서 해당 값 반환 값이 false일 경우 마지막 값 반환 && : and 둘다 값이 충족되어야 true 반환 왼쪽부터 false 찾아..
프렙 1 질문할것 , 수업 후 구글 만들면서 아쉬운점들 구현 파트 4. Week 2-2. Javascript Programming 1 - Exercise 4번 문제 파트 7. Week 5. Advanced Javascript 1 - Primitive & Reference Quiz 퀴즈 1 파트7.Week 5. Advanced Javascript 1 - Exercise 5,6번 파트 8. Week 6. Advanced Javascript 2 - Closure ex5 문제 makeAdder 함수의 return이 add 함수 이니, add함수의 return x+y 값이 실행 되야하는것 아닌가? // makeAdder 함수의 리턴으로 addFive 변수에 함수 add가 담긴다?? 파트 8. Week 6. Advanced Javascript ..
css selector ~= 일치하는 값 |= 일치,시작하는 값 ^= x값으로 시작하는 요소 $= 끝나는 요소 *= 포함하는것 A > B의 A 의 직계 자식 B 선택 - A B 와의 차이점 A B : A 태그 안의 B태그 선택 A+B A다음에 오는 B 선택 ​ A~B A다음에 B오는것 모두 선택 ​ x:first-child x가 첫번째 자식인것 선택 ​ x:nth-child(숫자) - x가 몇번째(숫자)태그인지 선택 - 1번숫자n+ 2번숫자 2번숫자 부터 1번숫자씩 증가 ​ x : nth-last-child(숫자) x 요소의 뒤에서부터 숫자 선택 ​ 가상 클래스 셀렉터 x : hover 마우스가 위에 있을때 x : active 클릭 시