본문 바로가기

전체 글

폰트 스타일 폰트 스타일 폰트와 텍스트 스타일 serif: 명조 san-serif: 고딕 cursive: 필기 monospace: 고정폭(주로 programming 코드를 보여줄 때 사용) 보통 body에 12px을 주는 경우가 많다. @font-face와 구글폰트 적용 폰트를 내 서버에 올리면 트래픽이 올라갈 수 있다 → 구글 웹 폰트 적용 ealry access webfont ⇒ 한국어 가능한 폰트 확인 가능 단어 깨트리기, 줄바꿈 지정하기 word-break, white-space p{ text-align: justify; word-break: break-all; } 더보기
css 기초 css 기초 css 파일에 '@charset "utf-8";'을 사용해서 문자열 인코딩에 대비하는게 좋다. 길이의 단위 px: 1px을 1로 한다. 창의 크기랑 관계가 없다. 모니터 해상도에 관련있다. em: font의 높이를 1로 한다. rem: root font 기준 %: 브라우저의 viewport에 관계가 있다. 선택자 우선 순위 element > element : 자식 선택자만 선택하고 싶을때 사용한다. element + element: 형제 엘리먼트를 선택할 때 사용한다. [attribute]: 속성 선택자이다. [attribute=value]: 정확한 value의 속성을 가지고 있는 요소만 찾는다. [attribute^=value]: 해당 value로 시작하는 속성 값의 요소를 .. 더보기
무료 운세 추천 사이트 총정리 무료 운세 추천 사이트 총정리 해드립니다. 가끔씩 개인적인 이유로 무료 운세 사이트를 찾는 분들이 있는 것으로 알고 있는데요. 오늘은 그런 분들을 위해서 무료 운세 사이트들을 정리해 드리려고 합니다. 비교적 많은 분들이 사용하시며 잘 맞춘다고 알려진 사이트들을 정리해드리니 참고하시면 좋을 것 같습니다. 이 글을 읽는 모든 분들의 하루하루에 행운이 가득하길 바라며 글 시작하겠습니다. 무료 운세 추천 사이트 총정리 1. 신한생명 운세 요즘은 이렇게 잘 알려진 금융 사이트에서도 운세 서비스를 제공합니다. 링크를 클릭하시면 바로 운세를 확인할 수 있는 사이트로 이동합니다. 정통운세, 생활운세, 재물운세, 애정·궁합, 퓨전운세, 꿈해몽 서비스를 제공하는데요. 저는 개인적으로 전통운세를 보고 굉장히 잘 맞는다고 생.. 더보기
각종 html 요소 알아보기 각종 html 요소 알아보기 문자 실제 참조와 수치 문자 참조 적용 문자를 풀어서 쓰는 여러가지 방법이 있다. xml, XHTML에서는 문자 참조를 엄격하게 다뤘지만 HTML에서는 유연해졌다. 는 태그로 인식하기 때문에 화면에 텍스트가 나타나지 않는다. < >로 표현한다. xhtml에서는 숫자 문자 참조를 더 권장한다. 구문을 강조하거나 하이라이팅 지정하기 strong, em, mark em은 주관적인 강조이다. strong은 객관적인 강조이다. mark는 주위를 환기하는 강조이다. 어떤 내용을 설명하기 전에 그것에 대한 결론을 먼저 이야기 할 때 사용한다. 형광펜 느낌! 단의어 정의와 약어, 작품의 제목 표현 dfn, abbr, cite dfn: 단어의 정의, 뜻 abbr: 약어 cite: 작품 제목 .. 더보기
자바스크립트 클로저(javascript closures) Closures 0. Closure 정의 'A closure is the combination of a function and the lexical environment within which that function was declared' 클로저에 대한 MDN의 정의입니다. 클로저는 선언되었을 때의 렉시컬 환경에 영향을 받습니다. 따라서 클로저를 알기 위해선 **Lexical Scope**에 대한 이해가 필요합니다. 1. Lexical Scoping function showName() { const name = "Kim"; // name은 showName 함수 내부에 생성된 지역 변수입니다. function displayName() { // displayName() 은 내부 함수이며,클로저입니다. c.. 더보기
자바스크립트 비동기(Call Back & Promise) javascript asynchronous - Call Back & Promise 1. javascript는 동기식 언어입니다. javascript는 싱글 스레드이며 동기식 언어입니다. 스레드가 하나이기 때문에 한가지의 프로세스를 이어갈 수 있으며 현재 일이 끝나지 않는다면 프로그램은 blocking됩니다. 즉, 한가지 일만을 수행할 수 있으며 현재 일이 끝나지 않은 경우에 다음 작업을 할 수 없기 때문에 프로그램은 중지된 것처럼 보입니다. 웹 사이트에서 얼마간의 대기 시간을 필요로 하는 경우는 생각보다 많습니다. 네트워크 응답 대기, 사용자 입력 대기 등... 기약없는 응답을 기다리는 상황은 언제든 필요할 수 있는데요. 이런 상황에서도 프로그램은 다음 작업을 처리하여 매끄럽게 진행돼야 합니다. 비동기 .. 더보기
[청년정책] 청년 내일채움공제 알아보기! ▶ 청년 내일채움공제에 대해서 같이 알아보겠습니다. 중소, 중견기업 청년들을 위해 정부에서 '청년 내일채움공제'를 실시하고 있는데요. 저의 주변 친구들도 그렇고 많은 분들이 이것을 통해 목돈을 벌 수 있는 기회가 있었습니다. 사실 청년들이 회사 월급으로만 살아가기엔 답답하고 암담한 현실 속에서 이런 정책들이 있다는 것이 다행입니다. 이 제도는 청년이 2년 동안 300만원을 적립해 1600만원을 얻을 수 있고 3년 동안 600만원을 적립해 3000만원을 얻을 수 있는 두가지 방식이 존재합니다. 각 제도들을 통해 사회에 진출하는 청년들이 조금 더 나은 상황에서 사회 생활을 할 수 있었습니다. 최근 정부의 발표에 따르면 해당 제도의 변화가 있을 것으로 보이는데요. 지원 자격이 조금 더 엄격해지는 것 같습니다... 더보기