Jeden Tag, aufrichtig und lustig.

"사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요." 오늘은 위 질문을 중심으로 semamtic tags와 semantic web에 대해 정리해보고자 한다. semantic tags (semantic markup) *semantic : 의미의, 의미론적인 단어 그대로 해석하자면 semantic tags는 의미를 가진 태그들을 의미한다. 프로그래밍에서 시맨틱은 코드 조각의 의미를 나타낸다. semantic tags를 사용하는 이유 1. 검색엔진 최적화 (Search Engine Optimization) 시맨틱 태그를 활용하는 것은 웹페이지가 검색엔진에..

우분투를 설치하려면 파티션을 먼저 분할해야 한다. 이 과정을 위해 충분하게 80기가 정도 용량을 마련했다. 하지만 분할되는 용량은 80기가보다 현저하게 적은 40기가 였다. 왜이렇게 분할이 되는지 인터넷에 검색해봤다. 생각보다 추정되는 원인들이 많았고 하나 하나 따라하기 쉽지 않았지만, 힘들게 적용해봐도 어떤 방법도 나한테는 통하지 않았다. 일단 패스하고 설치방법을 보던 또다른 노트북으로 시도해봤는데 분할이 잘 되어서 계속 설치과정을 시도하다 grub화면이 뜨지 않아 포기하고 다시 내 본 노트북으로 돌아와 설치를 계속 시도해봤다. 왜... 분할이 안될까...... 계속 고민하다가 윈도우 업데이트를 해봤다. 와이파이 연결문제가 윈도우 업데이트로 해결된 적이 있기 때문이다. 반나절의 긴 업데이트 끝에 최신으..

6월 21일부터 23일까지 우분투를 듀얼부팅으로 설치하려고 애썼는데 정말 잊을 수 없는 기억이라 그 과정을 남기고 싶어 글을 작성하게 되었다. 우분투는 코딩을 본격적으로 배우기 위해 설치하게 됐다. 최근에 등록한 학원에서 학원과정에서는 주 운영체제를 리눅스로 사용하기 때문에 Windows 유저는 Ubuntu를 듀얼부팅으로 설치해야한다고 했다. ubuntu도 처음듣고.. 듀얼부팅이라는 단어도 처음듣고.. 낯선 단어들에 거리감을 느껴 미뤄두다가 6월 중순에 설치하는 것을 드디어 시도해봤다. 설치 할 때 참고했던 사이트는 아래와 같다. https://jimnong.tistory.com/676 우분투 리눅스 듀얼부팅 설치방법 정리(윈도우10/윈도우11 기준) 우분투 리눅스 다운로드 방법(Desktop 버전) 우..

터미널 키보드 단축키 우분투에서 터미널을 사용할 때, 기존의 윈도우 키보드 단축기가 적용되지 않으니 아래와 같이 단축기를 사용하여야 터미널 이용이 원활하다. 참고 https://ubunlog.com/ko/como-copiar-pegar-y-otros-atajos-de-teclado-del-terminal/ 복사, 붙여 넣기 및 기타 터미널 키보드 단축키 이 기사에서는 터미널의 키보드 단축키와 다른 흥미로운 단축키를 사용하여 복사하여 붙여 넣는 방법을 보여줍니다. ubunlog.com Ctrl + Shift + c 선택한 텍스트를 복사합니다. Ctrl + Shift + v 복사 한 텍스트를 붙여 넣습니다. Ctrl + u 줄의 시작부터 커서까지 모든 것을 자릅니다. Ctrl + k 커서에서 줄 끝까지 모든..

함수 표현식 화살표 함수 ES6버전부터 화살표함수를 통해 함수를 간단하게 작성할 수 있게 됐다. 익명 함수에서만 사용이 가능하다. (매개변수) => { 함수 내용 } cf) 매개변수 : parameter 1. 매개변수가 없을 경우 // 매개변수가 없는 익명함수 const sayHi = function(){ return "hi"; } //매개변수가 없는 화살표 함수 const sayHi = () => { return "hi" }; //중괄호 내용이 한줄이라면 중괄호,return 생략 가능 const sayHi = () => "hi" ; 2. 매개변수가 1개인 경우 let sayHi = user => { document.write(user + "님, 안녕하세요!");} 3. 매개변수가 2개 이상인 경우 (매..

const 상수 변수(constant variable)이며, let과 비슷하게 변수를 선언할 때 사용하는 예약어다. 재선언하거나 재할당 할 수 없으며, 블록레벨의 스코프를 가진다. ->재할당이 없는 변수는 const예약어를 사용하는 것이 좋다.

let ES6이후로 var를 보완한 let과 const예약어가 생겼다. * ES : ECMAScript var의 단점 1. var예약어를 누락하면 의도치 않게 전역 변수가 된다. 2. 코드량이 많아지면 실수로 사용중이던 변수를 재선언하거나 값을 재할당하는 경우가 발생한다. 스코프의 범위 함수 영역(레벨)의 스코프 : var 블록 영역의 스코프 : let / const *( )블록이나 { }블록 안에서만 사용가능한 변수를 '블록변수'라고 한다. 블록영역 스코프 let 예약어로 선언한 변수는 변수를 선언한 블록({ })에서만 유효하다. function iLike(n) { let sum = 0 ; for(let i = 1; i < n ; i++){ sum += i ; } console.log(sum); } 만..

object 참조형 데이터타입이다. 대괄호에 데이터를 묶는 array와 달리 중괄호 안에 데이터를 묶는다. property 이름은 중복될 수 없다. let myObject = { key : value } ex. let myself = { name : 'Coder', location : { country : 'South Korea', city : 'Seoul' }, age : 30, cats : ['냥냥', '우유'] } property : name : 'Coder' key : name value : 'Coder' ** 객체에는 순서가 없기 때문에 콘솔로 찍었을 때 순서 상관 없이 property들이 찍힌다. 또한 value값에 객체형 데이터, array가 들어갈 수도 있다. 데이터는 쉼표(,)를 통해 구..

layout 기본 레이아웃 사이트 제목 사이드바 본문 푸터 3단 레이아웃 html 사이트 제목 사이드바 본문 사이드바 푸터 css * { margin:0; padding:0; box-sizing: border-box; } #container{ width: 1200px; margin: 20px auto; } #header{ width: 100%; height: 120px; background-color: #acacac; } #left-sidebar{ width: 250px; height: 600px; background-color: #e9e9e9; float: left; } #contents{ width: 800px; height: 600px; background-color: #f7f7f7; float: ..

반복문-for 반복문은 동일한 동작을 특정한 조건이 거짓으로 판별될 때까지 반복해서 수행하는 것을 의미한다. 조건 만족여부를 판별하는 counter를 사용하여 동작한다. *counter로 주로 i를 사용한다. for (초기 상태 ; 조건 ; 변화) { 수행할 동작 } for명령어를 사용한다. 소괄호 안에는 1. counter의 초기상태 2. counter가 만족해야하는 조건 3. 조건 충족시 counter의 변화 내용 이 담겨있다. counter의 초기상태 (초기화문) 1.1. 초기화문 작성 시 변수 선언자를 써주어야 한다. 1.2. 변수명은 보통 index를 의미하는 i로 선언한다. 1.3. index가 증가할 경우 숫자는 보통 0부터 시작한다. counter가 만족해야하는 조건 (조건문) 2.1. i..