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=
1. setting 가서 sass compiler section 가서 format click 들어간다 1. 위 네모 박스와 같이 입맛에 맞게 json을 작성하여 sass compiler를 작성한다 "liveSassCompile.settings.generateMap":false, "liveSassCompile.settings.formats":[ { "format" : "expanded", "extensionName":".css", "savePath":null }, { "format" : "compressed", "extensionName":".module.css", "savePath":null }, { "format" : "compressed", "extensionName":".min.css", "save..
git init -> git을 시작하는 명령어 git config user.name khj -> git user의 이름 설정 ( 반드시 필요 ) git config user.email khj930410@naver.com -> git user의 이메일 설정 ( 반드시 필요 ) git remote add origin https://github.com/lbaku89/test_220125.git -> 원격저장소를 origin으로 설정하고 연결한다 git add [특정 파일명 or 폴더명] -> git 특정 파일 or 폴더 staging git add . -> ( 변경or 새로 만들어진 모든파일 staging ) git status -> ( 현재 staging 상태 확인 할 수 있다. ) git commit -m..
위처럼 react app을 실행 시켰을 시 react 로고 모양의 회전이 먹히지 않고 가만히 있는데 왜그런지를 모르겠다 ... 해결책을 찾았다 ( 아래 css속 media query 설정이 no-reference라 되어 있는데 reduce로 변경 ) - 하단 참조 -
우리가 class 생성시 사용하는 아래 구조에서 의문점이 들었다 .. (아래 구조 참조) super(props); 를 선언해야 this 를 사용할 수 있다고 한다. constructor (props ) { super(props); this.state { property1 : , property2 : ..... }
컴포넌트와 모듈의 차이점은 무엇일까? 컴포넌트는 하나의 단위 이지만 동적인 느낌? 런타임에 기반한 하나의 동작? 이런 느낌이고 모듈은 하나의 단위 이지만 정적인 느낌? 화면에 출련된 결과라 생각하면 될것 같다 리액트전용 부트스트랩이 따로 있고 리액트 부트스트랩을 설치하면 react-bootstrap 모듈에 정의된 컴포넌트?들이 있다 이 컴포넌트들을 이용하여 손쉽게 웹을 만들 수 있다 .. public 폴더에 img 넣을 시 상대경로로 img에 접근가능하지만 src 폴더에 img 넣을 시 상대경로로 img에 접근이 불가능하다 ( 사진을 import로 받아 컴포넌트 형태로 src에 넣어 작업이 가능하다 ) https://ko.javascript.info/import-export#ref-4122 - > exp..
* attr 매서드 를 이용하여 html tag 의 href와 tag의 src property를 바꿔보았다. ( 하단 네모박스 참고 ) * animate(), eq(), addClass(), siblings(), find(), z-index 를 이용하여 상하, 좌우, fade slider를 구현해 보았다. ( .js, .css 파일 참고 )