profile
프론트엔드 개발자가 되기 위한 학습 과정을 정리하는 블로그
post-thumbnail

HTML - Form 유효성 검사

서버로 데이터를 제출하기 전에 올바른 양식으로 작성했는지, 필수 입력 항목에 빈칸은없는지 확인하는 것을 말합니다.예를 들면, 회원가입을 하는 사이트에서 ID는 입력했는데 비밀번호를 입력하지 않고 제출한다면, 유효성 검사를 통해 제출 요청이 취소됩니다.유효성 검사에는 j

4일 전
·
0개의 댓글
·
post-thumbnail

HTML - Range

사용자가 범위내에서 선택할 수 있는 슬라이드바를 제공하는 태그입니다.여러가지 속성들을 사용해서, 슬라이드바의 최소/최대 값, 기본 값, 증가/감소 값의 수치 등을조정할 수 있습니다.

4일 전
·
0개의 댓글
·
post-thumbnail

HTML - Radio, Checkbox

1. Raido

4일 전
·
0개의 댓글
·
post-thumbnail

HTML - 검색엔진 빌려오기

Google, Naver, Youtube 에서 사용자가 입력한 값을 제출하는 서버의 URL을 제 PC의 Form에 가져와서 해당 웹사이트에 검색 엔진을 사용할 수 있습니다. 1. 웹 사이트 서버 확인하기 먼저 웹 사이트의 검색엔진에 찾고자 하는 키워드를 입력해서, 어

4일 전
·
0개의 댓글
·
post-thumbnail

HTML - Label & Button & Name

lable 요소는 form 안에서 많이 사용 되는 요소입니다.lable 요소 안의 for 속성으로 ID 식별자가 부여된 요소와 결합할 수 있습니다.이 때 for 속성의 이름과 ID 식별자의 이름은 동일해야 합니다.lable 요소는 브라우저에 의해 일반적인 텍스트로 렌더

6일 전
·
0개의 댓글
·
post-thumbnail

HTML - Table

테이블 데이터는 일부 데이터를 표와 같이 명확하게 표시하기 위해 사용합니다.html 에서도 테이블 요소는 표를 만들기 위해서 사용 됩니다.html 문서의 표를 만들 수 있습니다.CSS 디자인이 추가되지 않으면, 시각적으로 보이진 않습니다.표 안의 셀을 생성할 수 있습니

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

HTML - Emmet

Emmet 기능이란 강력한 자동 완성 기능으로, html 문법의 반복되는 부분이나태그를 빠르게 완성시켜주는 기능을 보유하고 있습니다.생성하기 위한 요소의 이름을 타이핑하고 TAB키를 누르면 자동완성 된다.\> 기호를 사용해서 자식 요소를 생성할 수 있다.\+ 기호를 사

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

HTML - 엔티티 코드

HTML 에서 특수문자&기호를 사용하기 위한 코드입니다.< 같은 기호는 HTML에서 <hr>와 같이 태그에 속하는 기호로 해당 되므로,그냥 컨텐츠로 사용하게 되면 브라우저 상에서는 문제가 없을 지 몰라도, 편집기 내부에선오류가 발생할 수 있습니다.이런 문제를

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

Internet & Web

기본적으로 인터넷은 연결된 장치의 묶음 입니다.인터넷을 사용하는 장비로는 데스크탑, 컴퓨터, 노트북, 모바일 기기, 냉장고에 달린 인터넷기기 등이 있습니다.두 개의 PC가 서로 통신을 하려면, 물리적인 케이블을 연결해서 통신을 할 수 있습니다.다만, 수십 개 혹은 수백

2023년 1월 29일
·
0개의 댓글
·
post-thumbnail

HTML - 임베디드 요소

HTML 문서에 삽입하는 이미지, 비디오, 오디오, 웹 사이트, 이미지맵 등에 대한 컨텐츠요소에 대해 알아볼게요.picture 태그는 다양한 스크린 환경(스마트폰, 데스크탑, 아이패드, TV 등)에 맞는이미지를 화면에 적절하게 표시해주기 위해 사용 합니다.img 요소의

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

HTML - 텍스트 레벨 & 그룹핑 요소

텍스트 레벨에서 사용되는 요소 몇 가지를 소개하려고 합니다.sup 태그는 윗첨자로 다른 글자의 오른쪽 위에 놓이는 글자 입니다.약어 또는 각주를 나타낼 때 사용 합니다.sub 태그는 아래첨자로 기준선의 아래, 다른 글자의 오른쪽 아래에 놓이는 작은 글자 입니다.대부분

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

HTML - 섹션

문서 또는 사이트, 애플리케이션의 각 섹션, 메인 영역을 구조화 하는 방법을 알아봅시다.문서 상에서 BODY 요소는 자신의 요소 안에 존재하는 모든 요소들의 root(root section)이 될 수 있습니다. BODY 태그 안에 해당되는 자식 요소들은 BODY 태그의

2023년 1월 27일
·
0개의 댓글
·
post-thumbnail

[JS] 배열과 메서드

배열과 관련된 메서드 등을 살펴 보겠습니다.배열의 요소를 추가 / 삭제하는 메서드는 이전 포스팅을 참조바랍니다.배열에서 요소를 1개만 삭제하고 싶다면 배열 또한 객체에 속하므로, 객체의 프로퍼티를 삭제하는delete연산자로 배열을 삭제 해볼 수 있습니다. delete

2022년 9월 28일
·
0개의 댓글
·
post-thumbnail

[JS] 배열

key를 사용해서 식별할 수 있는 값을 담은 컬렉션은 객체라는 자료구조를 이용해 저장합니다.

2022년 9월 25일
·
0개의 댓글
·
post-thumbnail

[JS] 문자열간의 비교

비교 연산자를 사용해서 문자열간의 크기를 비교할 수 있습니다. 알파벳 순서에 따라서크기가 결정되고, 소문자는 대문자보다 크며 z는 a보다 큽니다.다만 문자열간을 비교할 때, 규칙에서 벗어나는 예외 상황이 있습니다.모든 문자열은 UTF-16을 사용해 인코딩 되는데, UT

2022년 9월 21일
·
0개의 댓글
·
post-thumbnail

[JS] 문자열의 위치 찾기 & 문자열 추출하기

.length 프로퍼티엔 문자열의 길이가 저장됩니다.length 는 함수가 아닌 프로퍼티 입니다. length() 함수처럼 호출할 수 없습니다.문자열 내 특정 위치인 pos에 있는 글자에 접근하려면 \[pos] 같이 대괄호를 이용하거나str.charAt(pos)라는 메

2022년 9월 21일
·
0개의 댓글
·
post-thumbnail

[JS] 문자열

JS는 글자 하나만 저장할 수 있는 별도의 자료형이 없습니다. 텍스트 형식의 데이터는길이에 제한이 없이 문자열 형태로 저장됩니다.JS에서 문자열은 페이지 인코딩 방식과는 상관 없이 항상 UTF-16 방식을 따릅니다.문자열을 저장할때는 따옴표를 사용해야 합니다. 큰 따옴

2022년 9월 19일
·
0개의 댓글
·
post-thumbnail

[수학] 고정 소수점과 부동 소수점

고정 소수점은 컴퓨터에서 실수를 표현하기 위해서 만들어진 산술 방식입니다.소수부의 자릿수를 미리 정해놓고, 고정된 자릿수의 소수를 표현하는 방식 입니다.실수는 정수부와 소수부로 나뉩니다.컴퓨터가 32비트 체계로 숫자를 저장한다고 가정을 두고 설명하자면, 32비트 중에서

2022년 9월 18일
·
0개의 댓글
·
post-thumbnail

[Math] 10진수 8진수 변환

단순하게 10진수를 8로 나누면 8진수로 진법 변환됩니다.이 또한 정수부와 소수부가 있는 경우, 따로 연산해주면 됩니다.정수는 8로 나누고, 소수부는 8로 곱셈합니다.47.75를 8진수로 변환 해보겠습니다.✅ 정수부 47/8✅ 소수부 0.75x80.75 x 8 = 6.

2022년 9월 16일
·
0개의 댓글
·
post-thumbnail

[Math] 10진수 2진법 변환

1) 2진수는 0과 1로만 표현하므로, 0은 곱셈 해봤자 0, 2진수의 자리가 1인 수만 곱셈2) 여기서 n은 진법을 뜻한다. 2진법이므로 2를 곱셈3) 자리수-1은, 2진수의 자리를 뜻한다. 첫 번째 자리라면 1-1=0, 2^0승이 된다. (1)4) 예를 들면, 2진

2022년 9월 16일
·
0개의 댓글
·