전체 글

폼(Form) form : 폼의 시작과 끝을 정의하는 태그 input, select : 사용자 입력을 받는 입력상자, 선택버튼을 만드는 태그 label : 입력상자마다 제목을 붙이는 태그 button : 버튼을 만드는 태그 form 태그 폼을 정의하는 태그. 원하는 서버의 주소로 데이터를 전송 주요 속성 action : 데이터를 전송할 url 주소 method : 데이터를 전송할 방법. 주로 get과 post 중 사용 (노출o : get, 노출x : post) enctype : 데이터를 전송할 때 전송 인코딩 형식을 지정 input 태그 입력상자를 만드는 태그. 홀태그 형식 주요 속성 type : 입력 형태를 지정. text, password, button, submit(바로 전송), radio(중첩x)..

주석(comment) 코드 내에 삽입된 일종의 설명문 한 줄 주석 : //주석문 블록 주석 : /* 주석문 */ 변수(variable) 변수 선언의 규칙 변수명은 영어 문자와 _, 숫자를 사용 영어 대소 문자를 구별하며, 예약어는 사용 불가 주로 Camel case를 사용 의미있는 변수명 사용 변수 선언 하기 var 변수명 var를 사용해서 선언 변수의 타입 지정 안함 키워드나 공백 문자 포함X, 숫자로 시작 X 사용가능한 특수문자 : _, $ 더보기 키워드(keyword) 또는 예약어 몇몇 단어들을 특별한 용도로 사용하기 위해 미리 예약하는데, 미리 예약된 단어들을 키워드(keyword) 또는 예약어(reserved word)라고 함. 키워드들은 프로그램 내에서 식별자로 사용 불가능 자료형(data t..

HTML 요소의 두 형태 화면 영역을 차지하는 형태에 따라 Block과 Inline 형태로 나뉨 Block 태그의 내용과 관계 없이 상위 요소의 너비에 맞게 너비를 차지. 레이아웃 영역을 지정할 때 주로 사용 Inline 태그의 내용에 맞춰서 너비가 결정. 레이아웃에 영향을 주지 않고 일부 내용에만 스타일이나 내용의 구분을 주고 싶을 때 사용 태그(Tag)와 요소(Element) 태그는 HTML의 문법적 규칙이자 코드 요소는 실제 웹 페이지 화면에 그려지는 구성 요소 Block 요소 화면의 레이아웃, 구성을 나눌 때 사용 div : block 요소의 대표적인 태그, 아무 의미를 담지 않는 블록 요소 section : 서로 다른 내용 구성이 들어갈 영역을 구분하는 블록 요소 article : 동일한 내용 ..

HTML(HyperText MarkUp Language) 웹 페이지의 내용을 서술하고 정의하는데 사용 더보기 - html언어에서는 태그라는 문법적 특성으로 웹 화면의 element를 표현 마크업 언어 여는 태그와 닫는 태그의 한 쌍 태그는 중첩될 수 있다 내용 html, head, body 태그 : 문서의 시작과 끝 : 문서의 메타 정보(문서정보)를 정의 : 실제 사용자에게 보여질 화면을 구현 heading 태그 : h1, h2, h3 ... (주제) paragraph 태그 : p (문단) break 태그 : br (줄 바꿈) italic 태그 : i (기울임) strong, bold 태그 : strong, b (강조) horizontal rule 태그 : hr 1. Heading 태그 제목을 구성하는 ..

안녕하세요! SSAFYcial 8기 박슬기 기자입니다🙋🏻‍♀️ 프론트엔드 개발자를 준비하는 취준생분들!! 프론트엔드 개발자가 반드시 알아야 할 지식이 무엇일까요⁉️?? 프론트엔드 기술 면접에 많이 나오는 필수 내용 위주로 소개해드리려고 합니다 ❕ SPA란? 하나의 HTML 파일을 기반으로 자바스크립트를 이용하여 동적으로 화면의 컨텐츠를 바꾸는 방식의 웹 어플리케이션 입니다. MPA란? 사용자가 페이지를 요청할 때마다, 웹 서버가 요청한 UI와 필요한 데이터를 HTML로 파싱해서 보여주는 방식의 웹 어플리케이션입니다. CSR이란? 브라우저가 서버에 HTML과 JS 파일을 요청한 후 로드되면 사용자의 상호작용에 따라 Javascript를 이용해서 동적으로 렌더링을 시키는 방식입니다. CSR의 장점 1. 첫 ..