Languages

setTImeout() 일정 시간뒤에, 함수를 호출할 수 있도록 해주는 함수. setTImeout(함수, 시간초) // ms 단위, 1000 = 1초 setInterval() 일정 시간간격으로, 함수를 호출할 수 있도록 해주는 함수. setInterval(함수, 시간초)

Pug란? javascript를 사용하여, HTML을 렌더링해주는 템플릿 엔진 Pug 설치 npm i pug Pug 작성법 html에서 기호가 제외된다. 요소와 같은 줄에 있는 것을 태그로 감싼다. 태그에 속성을 넣을때 괄호()를 사용한다. - 태그(속성=값) 태그뒤에 .을 붙혀 클래스를 추가할 수 있다 - 태그 .class 태그뒤에 #을 붙혀 id를 추가할 수 있다 - 태그 #id 들여쓰기로 부모요소와 자식요소를 나눈다. Pug와 express 연결 // src/app.js app.set('views', path.join(__dirname, 'views'); app.set('view engine', 'pug'); // src/views/home.pug doctype html html(lang="en")..

Generic이란? 사용자에게 타입을 받아와서, 내부 요소의 타입을 지정하는 방식 ( 타입을 인자로 사용 ) Generic 사용하기 Generic 타입 사용 함수 // getText함수를 사용할때, getText 형식으로 타입을 받아와 해당인자의 타입을 검사한다. function getText(text: T): T { return text; } // getText 형식으로, 제네릭에게 타입을 전달한다 getText('hi'); getText(10); getText(true); Generic 타입 사용 클래스 // 제네릭 타입 클래스 생성 class MyArray { element!: T SetElement(element: T):void { this.element = element } getElement(..

C언어를 사용하여, 코드 작성 작성한 코드를 파일로 저장 ( 소스파일 ) 선행처리기가, 작성된 코드에 따라 라이브러리를 미리 불러온다. 컴파일러가 C언어로 작성된 코드를, 기계어로 바꾼다. 링커가 오브젝트 파일과 라이브러리 파일, 시동 코드등을 합쳐 하나의 파일로 만든다 ( 링크 ) 만들어진 실행파일을 실행한다. 컴파일로 생성된 오브젝트 파일은, 운영체제와의 인터페이스를 담당하는 시동코드를 가지고 있지 않다

Array 똑같은 형식(타입)의 데이터들의 모음 배열의 이름은, 배열이 시작하는 주소를 가리키고 있으며 이는 상수이므로 한번 할당하면 바꿀 수 없다 ( 포인터와 차이점 ) Array 만들기 #include void main(){ int ia[10]; // int타입의 10칸짜리 array를 만든다. ( 4바이트[1칸] * 10 의 메모리 공간 통째로 할당 ) // array 메모리공간의 첫주소를, ia라는 변수에 저장한다. ( 포인터 ) } 메모리 주소는 1바이트 단위로 지정되어있으므로, 그 주소를 가리키는 포인터도, 1바이트 단위로 밖에 지정하지 못한다. ( 1비트 단위 주소는 없다 ) 포인터 메모리 주소를 저장하기 위한 변수 함수포인터 함수의 첫번째 주소를 저장하고 있는 변수 변수를 함수처럼 호출할 ..

Navigator 객체란? 브라우저 공급자, 버전정보 등의 다양한 정보를 저장하는 객체 필요한 요소들을 간단하게 테스트하는 기능을 제공한다 Navigator 객체 사용하기 현재 브라우저가 실행되고 있는 운영체제 확인하기 console.log(navigator.platform) 현재 브라우저의 기본 언어 확인하기 console.log(navigator.language) 쿠키(cookie)를 사용가능 한지 확인하기 if(navigator.cookieEnabled) { console.log("쿠키 사용 가능") } else { console.log("쿠키 사용 불가") }

사용방식 .center { max-width: 400px; margin: 0 auto; }

input으로 체크박스를 만들고, label과 연결해주면 label을 클릭할때마다 체크박스를 활성화 할 수 있다. {* html파일 *} {* input에서 type을 지정해 checkbox를 만들고, label과 연결하기 위한 id를 만들어준다. *} {* label을 만들어주고, 연결하고 싶은 input의 id를 for요소에 적어준다. *} 라벨 내용~ 많이 사용하는 체크박스 형식 {* css파일 *} input { {* 원래 input 숨겨주기 *} display: none; } label { {* 라벨 텍스트 줄바꿈 열맞추기 *} display: block; } {* 사용자에게 보여줄 가상체크박스 만들기 *} label::before { content: ""; width: 16px; height:..

CSS 가상요소란? CSS선택자에 추가하는 키워드로, 우리가 선택한 요소의 일부분에만 스타일을 입힐 수 있게 해준다. 가상요소의 종류 가상요소 기능 p::first-line { 스타일 } p문단의 첫번째 줄에만 스타일을 적용한다. div::first-letter { 스타일 } p::before { content: "😀", 스타일... } p문단 바로 앞에 😀 아이콘 추가, 스타일 적용 p::after { content: "🤣", 스타일... } p문단 바로 뒤에 🤣 아이콘 추가, 스타일 적용 div::backdrop { 스타일 } div 내부, 콘텐츠가 없는 부분에 스타일 적용 div::cue { 스타일 } div::cue-region { 스타일 } div::grammar-error { 스타일 } div..