본문 바로가기

Front-end56

CSS Combinator Selectors div p div 하위의 모든 p div > p div 1 step 밑에만 속한 p div + p div 외부, 바로 다음에 인접한 p div ~ p div 외부, 다음 step에 있는 모든 p 참고 https://www.w3schools.com/css/css_combinators.asp CSS Combinators W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 2022. 7. 12.
Github page deploy Error 모음 연결되는 글 https://javannspring.tistory.com/276 깃헙 웹페이지 올리기 github.io 1. gh-pages 설치 npm i gh-pages 2. pakage.json 홈페이지 설정 "homepage": "{username}.github.io/{project name}" 3. pakage.json deploy script 생성 1) npm run build 실행 2) build 폴더 생성 3) paka.. javannspring.tistory.com github page 설정시 나오는 에러 해결 방법 1. 404 가 나올경우 페이지를 못찾는 경우 package.json에 homepage url 을 잘못 설정했을 가능성이 높다. "homepage" : "https://{{Us.. 2022. 5. 18.
Webpack Webpack 이란 ? 흩어져있는 CSS, js 리소스를 하나의 파일로 만들어 HTTP Request 비용을 줄여주며, 가져다 쓸때 편하고 기존 코드와 충돌을 피할 수 있도록 도와주는 자바스크립트 모듈 번들러이다. 사용법 번들러 사용이 필요한 디렉토리가 npm을 사용해야 한다. npm init webpack 패키지 설치가 필요하다. 사용이 필요한 디렉토리에 webpack 을 설치해준다. 그냥 인스톨이 아닌 개발용 옵션으로 설치한다. npm install -D webpack webpack-cli webpack.config.js 파일을 만든다. webpack 공식 사이트에 config 예시가 나와있다. 참고해서 만들자. https://webpack.js.org/configuration/ Configurati.. 2021. 10. 26.
[Apache] OPTIONS, HEAD 등 불필요 Method 막기 httpd.conf 또는 httpd-ssl.conf 파일에서 또는 밑에 추가한다 (위 경로는 적용하고 싶은 웹소스가 있는 경로이다) RewriteEngine on RewriteCond %{REQUEST_METHOD} ^(DELETE|TRACE|OPTIONS|PATCH|HEAD)$ RewriteRule .* - [F] * RewirteEngine on : Rewirte Engine 을 켠다 * RewirteCond : RewriteCond에서 설정한 패턴과 일치하는 경우에 다음에 오는 RewriteRule들을 실행한다. 해당 내용은 REQUEST METHOD 가 DELETE|TRACE|OPTIONS|PATCH|HEAD일 경우 다음 룰을 적용한다. * RewirteRule : 적용할 룰, 여기서는 해당 메소.. 2021. 10. 21.

티스토리툴바