Frontend10 CSS 새로운버전? 최신 CSS 릴리스에는 웹 디자인과 개발을 향상시킬 수 있는 여러 가지 새로운 기능이 포함되어 있습니다. 다음은 그 중 일부입니다. @layer: 이 구문은 CSS 규칙을 레이어로 그룹화하고, 특정 레이어에 대한 스타일을 적용하거나, 레이어 간의 특수성을 조정할 수 있습니다1. inert: 이 전역 속성은 HTML 요소를 비활성화하고, 포커스, 스크롤, 텍스트 선택 등의 사용자 상호작용을 방지합니다1. :has: 이 상대적 선택기는 특정 자식 요소를 포함하는 부모 요소를 선택할 수 있습니다. 예를 들어, 요소를 포함하는 모든 요소를 선택하려면 div:has(span)을 사용할 수 있습니다1. subgrid: 이 값은 CSS 그리드 레이아웃에서 부모 그리드의 행과 열을 상속받는 자식 그리드를 정의할 수 있.. 2024. 2. 8. 자바스크립트로 Input받기. 파이썬에서는 간단하게 variable = input()으로 받을 수 있었다. 자바스크립트는 node.js의 모듈을 가져와서 쓴다. 더럽게 복잡하다. 하지만 배워야겠지..? 1.'readline' 모듈 가져오기 먼저, Node.js의 'readline' 모듈을 사용할 수 있도록 가져온다. const readline = require("readline"); 2.'readline' 인터페이스 생성하기 'readline' 모듈을 이용하여 입력 및 출력 스트림을 생성한다. (stdin, stdout 은 표준 입출력 말한다고함 standard약자인것 같다) const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); 3... 2024. 1. 25. 블로그 profile url 2023. 9. 11. React 공부중 React.js 연습하기 1일차. Vue.js 와 다른점이 확연하다. 거의 모든걸 Script 부분에서 JSX 문법을 이용해 사용한다. Vue.js에서는 HTML에서 props 등을 추가해서 훨씬 더 직관적인 느낌이었는데.... 아직까진 뭔가 불편해 보인다. 조금더 깊게 배우면 나아지겠지. 2일차. 해보니까 방식은 Vue랑 비슷한것 같기도..? JSX 문법 배웠다. React.useState() 를 이용해 state값을 변경하는 방법을 배웠다. 컴포넌트를 렌더링하는 방식의 개발방법을 배우고 실습해봤다. 3 & 4일차. module.css useState useEffect => 한번만 실행하고싶은 것들을 지정하는곳 useEffect(한번만실행할코드 or 함수, [변화를감지할 state(dependency .. 2023. 6. 28. 이전 1 2 3 다음
