[JS] parseInt
2022. 1. 15. 19:20
공부/JavaScript
parseInt는 문자열을 정수로 바꾸어준다. let num1=prompt("정수1 입력") // "10" 입력 let num2=prompt("정수2 입력") // "20" 입력 const result=(num1+num2) //const result=("10"+"20") 이와같이 문자열로 입력됨. //const result="1020" 결과는 계산이 아닌 문자열이 합쳐지게 됨. 이 것을 해결하는 방법으로 parseInt를 사용한다. let num1 = prompt("정수1 입력") let num2 = prompt("정수2 입력") num1 = parseInt(num1) num2 = parseInt(num2) const result=(num1+num2 + num1+num2) document.write(re..
[JS] prompt
2022. 1. 15. 19:16
공부/JavaScript
prompt로 값을 입력받고 반환한다. 반환하면 prompt함수가 호출된 자리에 값이 남는다. const num=prompt("값 입력") // prompt 실행 document.write(num) // 입력 받은 값 출력
[JS] 논리 연산자
2022. 1. 15. 19:15
공부/JavaScript
논리 연산자의 종류 && , || , ! && : AND || : OR ! : NOT 결과 값에서 0은 false, 나머지는 모두 true이다. 논리 AND의 진리표 논리의 곱, 결합의 의미, 입력이 둘 다 참이어야 참이다. false && false > false false && true > false true && false > false true && true > true 논리 OR의 진리표 논리의 합, 또는 선택의 의미, 둘 중에 하나만 참이라도 결과는 참이다. false || false > false false || true > true true || false > true true || true > true 논리 NOT 논리 반전, 부정(~가 아니다.) !true : 참이 아니다 - 거짓 - ..
[JS] 관계 연산자
2022. 1. 15. 19:07
공부/JavaScript
관계 연산자(또는 비교 연산자)는 관계를 판별하는 연산자이다. const num1=9 const num2=2 const result=(num1>=num2) 사용 부호는 >=, , = num2 즉, num1이 num2 이상이다라는 말이 된다. 여기서 num1이 num2 이상인가에 대해 의문문을 사용하여 관계를 물어보고 큰지 작은지 판별한다. 결과가 참이면 전체가 true로 바뀌고 거짓이면 false로 바뀐다. 아래는 여러가지 경우이다. num1>=num2 : num1이 num2 이상인가? num1>num2 : num1이 num2 보다 큰가? num1
[JS] 나머지 연산자
2022. 1. 15. 18:51
공부/JavaScript
나머지 연산자(%)는 나머지를 한 번에 구해주는 연산자로써 유용하게 사용 가능하다. const num1=9 const num2=2 const result=num1%num2; 위와 같은 코드를 보면, 9%2 - 9를 2로 나누면 몫이 4고 나머지가 1이다. 그러므로 결과는 1을 출력한다.
[JS] 변수
2022. 1. 15. 18:44
공부/JavaScript
JavaScript에서 사용 가능한 변수들은 대표적으로 var, let, const 이 세 가지이다. var num1=10; : 변수 num1을 선언하고 10을 대입, 이름이 num1인 공간이 메모리에 만들어지고 10이 저장된다. const: 값을 변경할 수 없다. let: 값을 변경 할 수 있다. var: 둘 다 가능. var 보단 const, let을 사용하는 게 이후에 코드를 보았을 때 이해하기 더 편하다고 한다.
[JS] document 객체, write 메서드, 문자열 작성
2022. 1. 15. 18:38
공부/JavaScript
document.write("Hello javascript!") 여기서 document는 객체, write는 메서드(함수) document 객체 내부의 write 메서드를 이용해서 출력한다. "" : 큰따옴표로 둘러 쌓인 건 문자열이다. document.write("Hello javascript!", " ") document.write("Hello world!") 자바스크립트는 " ", ' ' 둘 다 문자열이 된다.
[CSS] em, rem
2022. 1. 4. 14:37
공부/HTML, CSS
em : 상위 요소의 배수로 크기를 조절한다. rem : 최상위의 폰트 사이즈를 기준으로 크기를 조절한다. em보다 혼란이 적고 선호된다.
[CSS] Reset CSS
2021. 12. 30. 16:11
공부/HTML, CSS
며칠 동안 도대체 뭐가 틀려서 생각대로 안 되는지 상관없는 코드들만 지웠다 썼다를 수십 번 이상 반복했다. 결국 CSS 스타일을 초기화하지 않고 진행했다는걸 알았다. 지금도 기초지만 그 기초의 기초가 되는 걸 빼먹고 진행했다고 생각하니 참... 일단 지금까지 배운 방법은 두가지이다. 1. CSS에 추가하기 * { margin:0; padding:0; } ul { list-style:none; } a { text-decoration:none; color:inherit; } 2. normalize 사용 cdn 기법으로 reset이 가능하지만 이는 브라우저마다 다른 스타일을 초기화하는 것이지 css의 모든 스타일을 초기화하는 건 아님. https://cdnjs.com/libraries/normalize