WebKit 이란 무엇인가 ? 웹킷(WebKit)은 애플에서 오픈소스로 개발하고 있는 웹컨텐트(web content) 엔진 또는 웹렌더링(web rendering)엔진이다.
전체 글
git 연결해서 pull하기 git init , config , git remote add origin github주소, git pull -u origin main, ....or create a new repository on the command line echo "# myPortfolio" >> README.md git init git add README.md git commit -m "first commit" gir remote add origin github주소 git push -u origin main ...or push an existing repository from the command line git remote add origin github주소 git branch -M main git..
css animation을 사용하여 태그에 생동감을 줄 수 있다 animaition을 사용하기에 앞서 animation에서 구현할 @keyframe을 정의하여야 한다. https://www.youtube.com/watch?v=AKgkKv0qKgw 를 참고 하자 @keyframes 이름 { 0% { ex margin-left:0; } 100% { margin-left:100px; } } *animation 속성 animation-name: animation-duration: animation-delay: animation-direction: animation-iteration-count: animation-play-state animation-timing-function: animation-fill-moo..
그누보드는 Client 측에서 코드에 대한 지식 없이도 Contents 내용을 바꿀 수 있도록 만들어 놓아 사용성이 굉장히 좋다. 그누보드에 추가적으로 page section을 만들어보고 활용하는 능력을 키워보고자 한다. 문법이 어려워 이해하기가 힘들다 ... 간단히 php 문을 알아봐야 할 것 같아 자료를 조사했습니다. include(), include_once() , require(), require_once() 다른 페이지의 데이터를 가져오는 서버단 함수 -> 외부의 파일을 현재의 파일로 불러오는 것이다. -> once가 붙을 경우 똑같은 파일은 단 한번만 사용, 즉 나중에 다시 요청하더라도 로딩하지 않는다는 의미 참조 : https://webisfree.com/2015-01-15/[php]-%EB..
https://velog.io/@ki_blank/React-Router-1.-8njzuummrs React-Router 간단한 사용법 사전 준비 npx create-react-app react-router src 폴더 안에 Components, Screens 폴더 생성 Components 폴더에 App.js 이동, Routes.js와 Header.js 생성 Screens 폴더에 Lionking.js, Aladin.js, Spiderman.js생성 스크린샤 velog.io npm install react-router-dom
@babel/core , @babel/preset-env, @babel/preset-react 좌측 패키지들은 낮은 웹브라우저 버전에서도 자주 변화하는 최신 Javascript 코드에 접속할 수 있도록 해주는 패키지들이다. ( 보충 설명 - 하단 링크 참조 ) https://defineall.tistory.com/646#babel%EC%-D%--%--%ED%--%--%EC%-A%--%EC%--%B-%--%-F%--%EC%--%B-%EB%-A%--%--%EA%B-%B- ( 설치 명령어 : npm i -D @babel/core @babel/preset-env @babel/preset-react ) react-router-dom 사용시 필요한 Component를 페이지 Loading 불러들여 오기 때문에 SP..
a 태그는 inline 태그이지만 내용 와 같이 예외적으로 내부에 block tag를 사용할 수 있다. 이런 코드를 진행 할 시 자동으로 a tag는 block화 된다고 한다. inline tag는 width 값과 height 값을 지정할 수 없지만 display : inline-blcok을 css에 설정 시 inline tag처럼 좌우로 배열되지만 block tag와 같이 width와 height 값을 가질 수 있으니 이점 유용하게 사용하자
module.css로 생성후 js에서 import하여 사용하면 클래스를 그 js내에서 한정적으로 사용할 수 있다. (220204)
쿠키 매번 삭제하기 귀찮으니까 연결하자 ?ver=