본문 바로가기
728x90
반응형

분류 전체보기458

최신 CSS 기능 5가지! 정리/요약.txt 예전에는 JS 를 사용해야만 구현할 수 있었던 기능인데 이제 CSS만으로 구현 가능하다. 1. @supports -> 브라우저가 해당 css 를 지원하는지 여부를 알려줌 ex) 브라우저가 css grid 를 지원하는지 체크 하는 코드! ex) 브라우저가 css grid 를 지원 안 하는지 체크 하는 코드! 2. CSS Scroll Snap (https://codepen.io/serranoarevalo/pen/xxdYBxZ) -> 웹사이트 스크롤이 어떤지 정할 수 있는 기능임. + 위 CSS Scroll Snap 기능이 css 에서도 사용가능해지면서 단, 2 줄만으로 구현 가능해짐. 3. :is Pseudo Selector 적은 코드 만으로도 수 많은 요소를 선택할 수 있어짐. 4. Flex Box Gap.. 2021. 8. 24.
001 (태그 선택 , 이벤트 , 유사 배열) 자바스크립트로 프로젝트도 만들어 봤으니,, 이제 개념정리를 하면서 완벽하게 이해 못했던 부분 짚고 넘어가자! 0 . start 1 . id 는 고유한 값이기 때문에 여러 요소들을 선택하기에는 활용하기 어렵다. + css 에서도 스타일을 다룰때 여러 요소의 스타일을 다룰때에도 id 가 아닌 class속성으로 한다. 2. class 로 태그를 선택하는 메소드의 이름? => document.getElementsByClassName(' 클래스이름 적는란 '); * 위 소스에 Elements에 s 는 여러 요소를 선택하는 것이기 때문에 s 를 꼭 붙인다. 3. 존재하지 않는 클래스이름을 적으면, null 이 아닌 undefined 가 출력된다. 1. 자바스크립트로 태그 선택하기 document.getElement.. 2021. 8. 23.
002 ( window 객체 , window 객체 https://developer.mozilla.org/ko/docs/Web/API/Window Window - Web API | MDN Window 인터페이스는 DOM 문서를 담은 창을 나타냅니다. developer.mozilla.org DOM Splice 메소드 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice Array.prototype.splice() - JavaScript | MDN splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다. developer.mozilla.org 배열 https://developer.. 2021. 8. 23.
Visual Studio Code 로 프로젝트 만들기 - 시작순서! 정말 처음 시작할때. '비쥬얼 스듀디오 코드' 프로그램을 설치 하고 나서 어떻게 해야할지 몰라서 이리저리 검색했던 경험이 있을것이다. 검색해서 만족했던 사람들도 있을테고, 맘에 안들어 했을 사람들도...있을 것이다. 그래서 visual studio code 프로그램을 설치한 후! 무언가를 만들고 싶을때! 어떤 준비를 해야 하는지에 대해 설명하는 글입니다. *아주 아주 간단하고 빠르게 따라만 하면 누구나 할 정도로 포스트 해보겠습니다. 1. 우선 npm init react-app . 을 입력한다. -> 현재 디렉토리에 프로젝트를 생성한다는 의미 2021. 8. 23.
728x90
반응형

티스토리툴바