분류 전체보기

[TIL] HTML 문서에서 CSS를 사용하는 방법

CSS 사용 방법 HTML문서에 CSS를 사용하는 방법은 3가지가 있다. 외부 스타일 시트(External Style Sheet) 내부 스타일 시트(Internal Style Sheet) HTML 태그 내에 스타일 지정(Inline Styles) 1. 외부 스타일 시트(External Style Sheet) css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법이다. 헤더에 link로 css 파일을 연결한다. 2. 내부 스타일 시트(Internal Style Sheet) HTML문서내에서 사이에 스타일을 정의하는 방법이다. 3. HTML 태그 내에 스타일 지정(Inline Styles) 스타일을 적용하고 싶은 HTML 태그 안에서 정의하는 방법이다. 이 문단..

[TIL] HTML 한글이 깨질 때

html문서 내에서 작성한 한국말이 웹 브라우저에서 종종 깨져서 나올 때가 있다. 해결 방법을 알아보자. 한국말이 깨지는 이유가 뭘까? 브라우져마다 문자 인코딩 방식이 달라서 그렇다.항상 안 깨지도록 하기 위해서는 우리가 직접 설정을 해줘야 한다. 아래는 간단한 html 웹문서이다. Crystal.log HTML 프로젝트 이름: 김수정 이메일: ggg7152@gmail.com 나는 HTML을 좋아한다. 프론트엔드 개발자가 되는 그 날까지 화이팅! 브라우저마다 다르겠지만 한글이 깨져서 나올 때가 있다. UTF-8 utf-8은 한글을 지원하는 대표적인 인코딩 방식이다. utf-8인코딩 방식을 사용하라고 브라우저에게 명령을 해줘야 한다. utf-8 쓰는 방법 위의 웹 문서에 를 추가해주면 된다. HTML 프로..

[TIL] 01. HTML basic tags

HTML과 CSS HTML, CSS, Javascript 이 세가지의 언어를 쓰면 하나의 웹사이트가 완성된다. 웹사이트에서 세 언어의 역할은 다르다. HTML은 '내용'을 담당하고, CSS는 '스타일'을 담당, Javascript는 '인터랙션'을 담당한다. 즉, HTML은 '명사' CSS는 '형용사'나 '부사' Javascript는 '동사'라고 생각하면 된다. HTML 문법 내용 HTML 문서의 기본 구조 HTML 주석 - : 주석(코멘트) HTML Basic Tag - 선언 : 최신 버전인 html5를 사용하기 위해 가장 먼저 쓰는 선언 - 태그 : 페이지의 제목을 의미. 브라우저의 탭이나 방문 기록에 나와있는 제목 - ~ 태그 : 폰트 크기에 따라 크기가 달라짐 에서 으로 갈수록 폰트 크기가 작아진다..

[TIL] Undefined, null 의 차이점

undefined와 null은 같아보이지만 차이점이 존재한다. 1. undefined undefined는 원시값(Primitive type) 중 하나로, 자바와는 달리 자바스크립트는 변수에 저장하는 값에 따라서 자료형이 결정된다는 특징이 있다. 이로 인해 자바스크립트 엔진이 해당 변수의 자료형이 정해지지 않는(Undefined) 상태(초기화 되지 않은 상태)임을 나타낼 때 자동으로 undefined를 반환한다. 다음과 같은 경우에 자바스크립트 엔진이 undefined를 자동으로 반환한다. 값을 할당하지 않은 변수나 값이 주어지지 않은 인수 메서드와 선언에서 변수가 할당받지 않을 때 함수가 값을 return하지 않을 때 undefined는 예약어가 아니므로, 변수이름으로 사용할 수 있지만, 유지보수와 디버..

파이썬 코테 준비 1 - 알고리즘 성능 평가

동빈나님의 이것이 코딩테스트다 책을 보면서 파이썬 코테 준비를 했었다. 코테 팁들을 원노트에 정리해뒀었는데 블로그에 옮겨야겠다는 생각이 들어 정리하게 되었다. 온라인 개발 환경 리플릿 Log In Replit is a simple yet powerful online IDE, Editor, Compiler, Interpreter, and REPL. Code, compile, run, and host in 50+ programming languages. replit.com 동빈나님의 팀 노트 GitHub - ndb796/Python-Competitive-Programming-Team-Notes: Python Library for Programming Competition Python Library for P..

[TIL] =, ==, === 의 차이점과 객체의 비교

1. = = 는 값을 할당할 때 쓰인다. let a = '123'; =을 기준으로 오른쪽에 있는 원시타입, 객체 등이 왼쪽의 변수에 저장이 된다. 2. == (Equal Operator) == 는 값만 비교해준다. '1' == 1 //true 1 == true//true 1 == '1'//true 3. === (Strict Equal Operator) === 는 값 뿐만 아니라 타입까지 비교한다. '1' === 1// false 1 === true// false 1 === '1'// false 4. 객체의 비교 객체끼리 비교할 때는 조금 유의할 점이 있다. == 은 주소값을 비교한다. let a = {} //객체 let b = {}//객체 let c = a console.log(a == b) // fal..

[TIL] 불 값(boolean, 값들의 비교)

1. Boolean boolean타입에는 값이 true, false 2가지가 존재한다. true/false의 타입이 boolean인 것을 볼 수 있다. 2. 참 거짓 판별 5가 3보다 크므로 5 > 3 의 값은 true , 5 < 3 의 값은 false가 반환된다. NaN끼리 서로 같다고 했을 때 false가 나온다. MDN 공식 문서에도 나와 있는데 NaN은 다른 모든 값과 비교(==, !=, ===, !==) 했을 때 같지 않으며, 다른 NaN과도 같지 않다. 자바스크립트에서 값을 비교하는 방법은 비교 연산자로 가능하지만, NaN은 자기 자신과 동일하지 않으므로 NaN은 false가 나온다. NaN인지 판별하는 방법에는 어떤 것들이 있을까? 👉 NaN체크는 Number.isNaN() 또는 Object..

[TIL] 숫자 기본 (parseInt, NaN)

1. 숫자 기본 10진수로 변환 전 후 지수표기법(정수) 5e4 50000 지수표기법(소수) 5e-4 0.0005 2진법 0b111 7 8진법 0111 73 16진법 0x1a1 417 2진법일 때 숫자 앞에 '0b'을 붙이고, 8진법일 때는 숫자 앞에 '0'을 붙이고, 16진법일 때는 숫자 앞에 '0x'를 붙인다. 16진법 0x1a1을 typeof로 타입 체크를 한다면 👉 숫자임을 볼 수 있다. 2. NaN NaN의 타입은? 👉 숫자임을 볼 수 있다. Not a Number라는 뜻이다. 숫자가 아니지만 공식적으로는 숫자이다. 3. ParseInt : 문자열을 정수로 변환시키는 함수이다. 타입이 숫자임을 볼 수 있다. 문자열 124가 숫자 124로 변환되어 5와 더해져서 129가 됨을 볼 수 있다. 4. ..

[TIL] 문자열 합치기(연산자)

문자열 합치기 연산자 + 문자열 빼기