본문 바로가기
728x90
반응형

전체 글

 (92)
CSS 가상 클래스 선택자 개요 선택자 뒤에 :가상이벤트를 붙이면 특정 이벤트마다 적용 할 스타일을 설정 할 수 있으며, 이를 가상 (추상)클래스라 합니다. :link - 방문한 적이 없는 링크 :visited - 방문한 적이 있는 링크 :hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭했을 때 :focus - 포커스 되었을 때 (input 태그 등) :first - 첫번째 요소 :last - 마지막 요소 :first-child - 첫번째 자식 :last-child - 마지막 자식 :nth-child(2n+1) - 홀수 번째 자식 위는 대표적인 가상 클래스의 예시이며 미리 정의되어 있는 가상 클래스를 효과적으로 사용하면 HTML, CSS 및 JavaScript의 코드를 효과적으로 줄일 수 ..
HTML - 검색엔진 최적화 - 웹접근성(음성, 키보드로도 웹사이트 접근 용이하도록) - 직관성, 유지보수성 브랜드, 로고 메뉴 주요 내용 독립적으로 고유한 정보를 사용할 때 ariticle 안 / main 안에서 - 서로 연관 있는 내용들을 묶어주고 싶을 때 회사, 웹사이트에 대한 정보 강조하는 이탤릭체 시각적 이탤릭체 정말 중요한 볼드체 시각적 볼드체 순서가 있는 목록 순서가 없는 목록 단어, 설명을 나타낼 수 있음(정의, 설명 목록) 특정한 액션 시 어디론가 이동할 시 행*열 데이터 수평선 태그는 태그처럼 특별한 기능을 갖고있지 않고, CSS와 함께 쓰인다. 태그와의 차이점은 display속성이 block이 아닌, inline이라는 점인데, 이는 CSS display 항목에서 세부 정보를 알 수 있다. 이 ..
Typescript 짧은 상식 interface(인터페이스) interface User { name: string; id: number; } // ---cut--- const user: User = { name: "Hayes", id: 0, }; 타입스크립트를 객체형식에서 사용하려면 interface를 이용해야 한다. type OddNumbersUnderTen = 1 | 3 | 5 | 7 | 9; 유니언은 타입이 여러 타입 중 하나일 수 있음을 선언하는 방법이다. boolean 타입을 true 또는 false로 설정할 수 있다.
자바스크립트 기초 프로그래밍 공부를 하면서 하루라도 서둘러 실무에 투입되고자 개인프로젝트부터 시작했다. 아무런 지향성 없이 절차지향적으로 코드를 작성하다보니 애로사항이 꽃피고 있다. ES6를 제대로 학습하지 못해 var const let 키워드를 혼용하여 사용하기도 했다. 기능 단위로 함수를 만들었지만 클로저를 제대로 활용하지 못해 전역변수를 사용하기도 했다. 부족함을 깨닫고 블로그를 열었다. 당분간 다음 세 가지에 대한 포스팅을 생각하고 있다. 1. 절차지향vs객체지향vs함수형 프로그래밍. - FP in JS (자바스크립트로 접해보는 함수형 프로그래밍) - 코드 스타일 (velog.io) 2. ES6 3. 클로저
api 피상적인 이야기 애플리케이션 관련 책을 읽다가 api가 대략적으로 어떤 역할을 하는지 알 수 있었다. 애플리케이션과 서버가 통신을 하는 도구
새롭게 알게 된 HTML 태그 출처 : http://tcpschool.com/html/html_basic_images 줄을 나누고 싶어서 이렇게 줄을 나눠봤습니다. 과연 그대로 출력이 될까요? 줄을 나누고 싶어서 이렇게 줄을 나눠봤습니다. 과연 그대로 출력이 될까요? 태그를 사용할 경우 띄어쓰기, 엔터 등이 작성 내용 그대로 표현되지 않는다. 태그는 내용 그대로 표현된다. 내용 HTML 삽입 미리보기할 수 없는 소스 "이 부분"만 하이라이팅하고 싶어요. HTML 삽입 미리보기할 수 없는 소스 HTML5 HTML 삽입 미리보기할 수 없는 소스 엔티티(Entity) HTML에는 미리 예약된 몇몇 문자가 있으며, 이러한 문자를 HTML 예약어(reserved characters)라고 부른다. 이러한 HTML 예약어를 HTML 코드에서 사용..
프론트엔드 테크트리 인터넷이란 HTTP란 브라우저, 동작방식 DNS, 동작방식 도메인이란 호스팅이란 시맨틱 HTML 작성 형태와 유효성 검사 SEO floats, positioning, display, box model, grid, flex 반응형 미디어쿼리 DOM 조작 Fetch API, Ajax ES6 호이스팅이란 Event Bubbling Scope prototype shadow DOM strict 버전관리 깃헙 깃 패키지 관리자 yarn, npm npm scripts webpack React-redux, Vue-vuex styled components css modules Typescript SSR - Next.js, Nuxt.js -출처 : https://ordinary-code.tistory.com/131
..
728x90
반응형

티스토리툴바