study blog

/*프로그래머스의 무료 자바스크립트 입문강의를 듣고 기록하는 포스팅입니다.*/ 산술연산자 외 연산자 1) 관계연산자 비교하는 이항연산자 관계연산자로는 , =, ===, !== 등이 있다. 2) 논리연산자 &&(and), ||(or), !(not)이 있다. or 같은 경우에는 쉬프트+역슬래쉬 하면 된다. 연산자 우선순위 수학이랑 똑같음. 곱하기, 나누기가 먼저 계산된다. 그리고 우리는 여러 연산자가 있을 때의 우선순위도 알아놔야 한다. 1. 논리연산자 중 NOT (!) 2. 산술연산자: *, /, %, +, - 3. 관계연산자: >, < 등 4. 논리연산자 중 AND (&&) 5. 논리연산자 중 OR (||) 문자열에 대해 (String) 문자열의 길이를 알고싶을 때는 .length 를 이용해 알아낼 수 ..

/*프로그래머스의 무료 자바스크립트 입문강의를 듣고 기록하는 포스팅입니다.*/ 산술연산자 피연산자는 연산자가 연산을 수행하는 대상이다. (6+2에서 6과 2가 피연산자이다.) 그리고 6+2는 피연산자가 2개이므로 이항연산자라고 한다. 또한 피연산자가 하나인 경우를 단항연산자라고 한다. var a=1; console.log(a); //1 console.log(a+1); //2 console.log(a); //1 console.log(a); //1 console.log(++a); //2 console.log(a); //2 console.log(a); //1 console.log(a++); //1 console.log(a); //2 ++a: a값에 1을 더한 다음에 값을 출력한다. (a=a+1) a++: 일단..

/*프로그래머스의 무료 자바스크립트 입문강의를 듣고 기록하는 포스팅입니다.*/ Number: 숫자를 나타내는 자료형 정수와 실수 구분하지 않음 var a=100; console.log(a); //출력값:100 var b=3.33; console.log(b); //출력값:3.33 var c=1e-3; console.log(c); //출력값:0.001 a 정수, b 실수, c 지수표기법 지수는 e로 표현하는데 (다른 언어에서는 대문자로 표기하는 듯하다) 아주 큰 숫자를 간단하게 표기할 때 쓴다. String 자료형을 Number 자료형으로 변환 var height=prompt("키를 입력해 주세요."); console.log(height, typeof(height)); //출력값: 164 string pro..

/*프로그래머스의 무료 자바스크립트 입문강의를 듣고 기록하는 포스팅입니다.*/ 변수 (1) 변수란? 임의의 값을 저장해두고 읽을 수 있는 가상의 공간 변수를 선언하고 처음으로 변수의 값을 저장하는 작업은 변수 초기화라고 한다. var a; a=10; var a=10; //위의 두 줄을 한 줄로 작성한 것 var a=10, b=20, c=30; //여러개 가능 (2) 변수의 활용 var name=prompt('이름을 입력해 주세요.'); console.log(name, '님 환영합니다.'); 결과: 경고창처럼 prompt 괄호 내용이 뜬 뒤 이름을 입력하면 콘솔창에 누구님 환영합니다. 라고 출력된다. 변수 name을 선언하고 prompt 명령을 사용해 ()안 내용을 출력한 뒤 사용자가 입력한 걸 받아 변수..

다들 기존 사이트를 클론하여 연습하길래 나도 반응형 사이트인 모동숲 사이트를 한 번 클론해보려고 한다. 1. 이전 코드에서 background img 코드 변화 원하는대로 결과가 나온 줄 알았지만 하나의 문제가 숨어있었다. section-0의 height가 원하는대로 보이지 않았던 것. bg-img는 완벽하게 창크기에 따라 비율이 맞춰졌는데, 기존 사이트와 같게 만드려면 section 또한 창크기에 따라 height의 값도 달라져야했다. 그래서 100vh는 쓸 수 없었고 100%를 쓰고 싶다 하더라도 부모 값에도 %가 들어가니까 height 값이 출력이 안 됨. 또 그렇게 난 구글링을 시작했고 답을 찾아냈는데 바로 padding-top을 주는 것. 이전 코드 .bg-img { position: relat..