본문 바로가기

분류 전체보기

(33)
[IT업무 협업] 특수 문자 용어 기호 용어 의미 ` 백틱Baxktick, 그레이브Grave ~ 틸드Tilde, 물결 표시 ^ 캐럿Caret ~이상 & 엠퍼센드Ampersand * 에스터리스크Asterisk, 별표 - 하이픈Hyphen, 대시Dash _ 언더스코어Underscore, 로대시Low dash " 퀘테이션Quotation mark, 큰따옴표 ' 아포스트로피Apostrophe, 작은 따옴표 : 콜론Colon ; 세미콜론Semicolon | 버티컬 바Vertical bar \ 백슬래시Backslash, 역 슬래시 () 퍼렌서시스Parenthesis, 소괄호 {} 브레이스Brace, 중괄호 [] 브래킷Bracket, 대괄호 앵글 브래킷Angle Bracket, 꺽쇠괄호
[웹에 관하여] 이미지 포멧format_(비트맵Bitamp,벡터Vector) 웹에서 사용할 수 있는 이미지를 알아보자 비트맵 : 각각의 픽셀들이 만들어진 이미지 = 레스터Raster화된 이미지 (e.g. jpeg 포멧, gif 포멧, png 포멧) **PhotoShop > layer > raster화 메뉴 존재 > 즉, 해당 layer를 비트맵으로 만드는 기능이다. 점, 선, 면의 수학적 정보로 이루어져 있는 이미지 (e.g. svg 포멧) 비트맵 (Bitmap) 벡터 (Vector) 장점 정교하고 다양한 색상을 표현할 수 있다. 확대/축소 자유로움, 용량 변화 없음 단점 확대/축소 시 품질 저하 (계단현상으로 깨짐) 정교한 이미지 표현 어려움 (e.g.: 인물, 풍경 사진) 예시 우리가 알고 있는 대부분의 사진 이미지들 해당 아이콘, 평명적인 이미지(e.g. 로고 이미지) JP..
[Keyboard Shortcuts] 에밋 Emmet abbreviations in vscode Emmet abbreviations (에밋 약어) Html ! + tab키 기본 html 셋팅화면 img + tab키 h1 + tab키 (클래스 부여 . ) div.flower + tab키 (자식노드 >) div>ul>li (형제노드 + ) div>ul+ol+div (반복하기 *, 텍스트 입력 {} + 자동 넘버링 부여 $ ) div>ul>li*4{$} 1 2 3 4 (그룹화 () ) div>(header>ul>li*2>a)+footer (그룹화 하지 않는 경우) div>header>ul>li*2>a+footer #page>#nav>ul>li.item{hello$}*5+dl^dd hello1 hello2 hello3 hello4 hello5 Css w:200 tab키 width: 200px; bc:ora..
[CSS] To change text color in list To change the color of the inline text, targets the CSS selector “a” To remove underline from a link with CSS, ADD text-decoration: none to your code. For example, to remove underline for all links on all pages, use this CSS code: a { text-decoration: none; color: black; } This code targets the CSS selector “a”, which selects all HTML tags - the ones used for links, and adds the CSS text-decorat..
[CSS] To remove underline / dots from a link To remove underline from a link with CSS, ADD text-decoration: none to your code. For example, to remove underline for all links on all pages, use this CSS code: a { text-decoration: none; color: black; } This code targets the CSS selector “a”, which selects all HTML tags - the ones used for links, and adds the CSS text-decoration: none and color: black to remove the underline and set a fixed co..
[CSS] 인라인(글자) VS 블럭(상자) 요소 웹사이트 만드는 과정 정보(글자) 입력 ∇ 레이아웃 설정 - 박스(상자)개념으로 구조 잡기 대표적인 인라인 요소 , , , , , , , , , , 은 콘텐츠의 영역을 구분하는 용도로 사용된다. 왼쪽 > 오른쪽, 수평으로 쌓이는 특성이 있다. ** 인라인 요소 : 글자를 의미하는 요소로 줄바꿈은 띄어쓰기로 들어걸 수 있다. e.g. i.e. span요소는 어디서부터 어디까지가 'evelyn'글자고 어디서부터 어디까지가 'kim'글자인지 알려주는 용도이다. 하지만 이미지1에서 보는 것과같이 'evelyn'과 'kim' 사이의 띄어쓰기 빈칸은 span태그에 해당되지 않는다. 만약 Css span태그를 body태그로 바꾸면 body태그 안에 있는 모든 글자 크기가 100px 임을 선언하게 된 것으로 space..
[JS] javascript 자바스크립트 함수 함수(function) 자바스크립트로 만들 수 있는 여러가지 특정 동작/기능들을 실제로 실행할 수 있는 코드의 집합이다. i.e. 명령들을 감싸고 있는 집합을 뜻한다. 그리고 프로그래밍은 거의 함수로 이루어져 있다. function helloEve(){ // 함수 선언할 때는 function 키워드 명시. // 실행 코드 (코드 내용) 그리고 원하는 함수 이름'helloEve' 작성. //(소괄호 1set){중괄호 1set} 기호 사용. => 코드들의 집합 console.log(123); // {중괄호 1set} 사이에 명령 코드를 넣는다. };// i.e. 여기에서는 console창에 log를 남기고, // 그 데이터는 숫자 123 임을 명시하는 것이다. => 코드 내용 // 함수 호출해서 실행 hel..
[Javascript] for loop (for문) 1. for loop 형식 for(let i=0; i
[Javascript] if 문 (feat. stitch문, 삼항연산식) 컴퓨터는 if문의 연속이라고 할 정도로 중요하다. 1. if문 형식 if(조건문){ 조건이 충족하면 할일들 } if(true){ console.log("조건은 참 입니다.") } if(false){ console.log("조건은 참 입니다.") }else { console.log("거짓 입니다.") } *여기서 if (false) {A} else {B} 는 "만약에 A가 거짓이라면, B로 프린트 해다오." 라는 뜻이 된다. 예제1) let age = 21 21살 학생이 있습니다. if (age >20){ console.log("운전이 가능합니다.") } else { console.log("운전이 불가능 합니다.") } ➞ Console창 "운전이 가능합니다." 프린트 만약에 나이가 20살이 넘으면 "운전..
[Javascript] 자료형_object 객체 데이터 자세히 보기 1. 객체의 생김새 let patient = { name : "Cathy", age : 17, disease : "cold" } 결과 프린트 console.log(patient) // { name : "Cathy", age : 17, disease : "cold" } console.log(patient.age) // 17 ⓐ 같은 결과 값 도출이나, programing할 때 해당 상황에 따라 필요한 코드로 선택하여 쓴다. console.log(patient["age"] // 17 ⓑ 어떤 값을 접근하는 문법이 두 가지 라고 보면 된다. ⓐⓑ 2. 객체의 특정 정보를 변경할 경우 patient.name = "Catherin" console.log(patient) // { name : "Catherin",..