웹 프로그래밍 관련해서 공부한 내용들을 정리합니다.
Created by @laetipark
008. Javascript/Algorithm : 전위/중위/후위 표기법
계산기 실습하면서 전위, 중위, 후위 표기법에 대해 다시 공부해보았다.
2024년 06월 08일
·
7분 분량
007. Javascript : 이벤트와 이벤트 위임
이벤트와 이벤트 위임에 대해 간단하게 정리해보았다.
2024년 05월 21일
3분 분량
006. Typescript : 타입스크립트 언어의 특징과 장단점
Typescript 타입스크립트(Typescript): Microsoft에서 개발한 자바스크립트(Javascript) 기반 언어 정적 타입 언어: 자바스크립트에 정적 타입 문법을 추가한 상위 언어, 반면 자바스크립트는 런타임에 따라 결정되는 동적 타입 언어 // 타입을 명시적으로 선언 const foo: string; const bar: number; const baz: boolean; 컴파일 언어: 자바스크립트로 컴파일 과정을 거친 후 실행할 수 있음, 반면 자바스크립트는 …
1분 분량
005. Javascript : 프로토타입과 this, call, apply, bind
프로토타입 javascript에는 클래스라는 개념이 없기 때문에, 자신이 다른 객체의 원형이 되는 객체를 의미 // Person에 대한 프로토타입 생성 function Person() { this.name; this.age; this.job; } // Person 프로토타입에 대한 setData 함수 생성 Person.prototype.setData = (name, age, job) => { this.name = name; this.age = age; this.job = job; }; // …
2024년 05월 09일
004. Javascript : var, let, const, 스코프
var var(variable): 데이터 타입을 지정할 필요가 없는 변수 선언 방식 함수 범위로 사용되며, 함수 또는 프로그램(전역)이 실행되면 생성되고, 종료되면 소멸되는 방식 var globalVar = "hello"; // 전역 변수 function show(){ var localVar = "hi"; // 지역 변수 console.log(localVar); // hi console.log(globalVar); // hello } console.log(localVar); // error undefined console.log(globalVar); // …
2024년 05월 08일
2분 분량
003. 명품 웹 프로그래밍 정리 노트 : 4. CSS3로 웹 페이지 꾸미기
CSS3는 HTML 문서의 외관을 꾸미는 언어로, 스타일 시트에 CSS로 작성된 코드를 사용한다. 스타일 시트는 <style></style> 태그, HTML 태그의 style 속성, 또는 별도 파일로 작성될 수 있다. 스타일 상속, 합치기와 오버라이딩, 셀렉터 조합, 가상 클래스 셀렉터 등의 기능을 제공하며, 색 표현, 텍스트 꾸미기, 폰트 제어 등 다양한 스타일 속성을 제공한다. CSS 표준 단위로는 em, %, px, cm, mm, in, pt, pc, deg 등이 있다. 폰트 제어 스타일 속성으로는 폰트 패밀리, 폰트 크기, 폰트 스타일, 폰트 굵기 설정 등이 있다.
2022년 07월 10일
13분 분량
002. 명품 웹 프로그래밍 정리 노트 : 3. HTML5 문서 구조화와 웹 폼
--> <label>선택 항목 :</label> <input list="options" name="selected_option"> <datalist id="options"> <option value="항목 1"> <option value="항목 2"> <option value="항목 3"> <option value="항목 4"> </datalist> </form> <select></select> : 드롭다운 리스트를 만드는 태그로 <option> 태그로 여러 항목을 만든다. <form> <label>선택 항목 :</label> <select name="selected_option"> <option value="항목 1">항목 1</option> <option value="항목 2">항목 2</option> <option value="항목 3">항목 3</option> <option value="항목 4">항목 4</option> </select> </form> <input type="radio"> : 여러 개의 선택지 중 하나를 선택하는 라디오 버튼을 만드는 태그 <input type="checkbox"> : 여러 개의 선택지 중 여러 개를 선택하는 체크박스를 만드는 태그 <form> <label>라디오 버튼 :</label> <input type="radio" name="radio_option" value="옵션 1">옵션 1 <input type="radio" name="radio_option" value="옵션 2">옵션 2 </form> <form> <label>체크박스 :</label> <input type="checkbox" name="check_option1" value="옵션 1">옵션 1 <input type="checkbox" name="check_option2" value="옵션 2">옵션 2 </form> <input type="submit"> : 폼을 제출하는 버튼 <input type="reset"> : 폼을 초기화하는 버튼 <form> <input type="text" name="user_name" placeholder="이름을 입력하세요"> <input type="password" name="user_password" placeholder="비밀번호를 입력하세요"> <input type="submit" value="로그인"> </form>
2022년 07월 09일
15분 분량
001. 명품 웹 프로그래밍 정리 노트 : 2. HTML5
HTML 페이지 <!DOCTYPE html> : HTML5 문서를 표시하는 지시어 <!--"내용"--> : 주석문 작성하는 부분으로 화면에 출력하지 않는다. <html>, <head>, <title>, <body> : 시작/종료 태그가 모두 존재하며, HTML5 구조를 나타내는 필수 태그 HTML 태그 구성<img src="heart.jpg" width="100" height="50" alt="사랑합니다"> <!-- img : 태그 이름 src : 속성 이름 "heart.jpg" : 속성 …
2022년 07월 06일
19분 분량
