오늘도

정체를 밝히자

Programming/dev-frontend 8

slick slider styling

react-slick.neostack.com/ Neostack The last react carousel you will ever need react-slick.neostack.com 사용할때마다 슬라이더의 이미지들의 사이즈를 화면너비와 정해진 높이에 맞추어야 할때, 메인 배너같은 경우, custom styling 에 대해 혼란스러울 경우가 있어 메모해둔다. ( 매번 이미지를 감싸는 다른 요소의 사이즈를 변경하는 것에 초점을 두다가 시간을 낭비하는 경우가 많다. ) 간단한 방법은( 내가 해본 결과 ) - 기본 스타일링을 적용하고 - 슬라이더의 기본 너비 수정 - 거기에서 슬라이더 이미지의 width, height 값과 사이즈를 설정하면 된다. - 그외 UI 요소들 수정 예를 든다면 다음과 같다. .sli..

git page deploy

아래와 같이 gh-pages 설치 npm i gh-pages package.js 파일에 "homepage": "http://{your github id}.github.io/{your project name}" 을 입력하고 "scripts" 항목아래 "deploy": "gh-pages -d build", "predeploy": "npm run build" 를 입력한다. npm run deploy 를 실행하면 predeploy 실행 후 deploy를 실행한다. 실행 완료 후 homepage url 로 방문하면 deploy 성공~ 자세한 내용은 https://youtu.be/HdFbiPkZXR0 해당 script 를 실행시 "Permission Denied (publickey)" 발생시 아래를 참고해서 해결했..

js cookie

https://webisfree.com/2015-02-04/[%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8]-%EC%BF%A0%ED%82%A4(cookie)-%EC%A0%80%EC%9E%A5-%EB%B0%8F-%EC%82%AD%EC%A0%9C-%EC%98%88%EC%A0%9C%EB%B3%B4%EA%B8%B0 [자바스크립트] 쿠키(cookie) 저장 및 삭제 예제보기 브라우저의 쿠키(cookie) 데이터저장소를 이용하면 최근에 본 페이지나 키워드등을 저장할 수 있습니다. 온라인쇼핑몰이라면 관심상품으로 등록할 수도 있을테고... 온라인 사전 사이트라면 기존에 검색했던 내용들을 저장할 수 있을 것입니다. webisfree.com 링크로 대신~ 항상 감사한 정보들

react, vue

react 와 vue를 동시에 공부중이다. 각 framework( router, flux 사용이니까 ) 을 사용하면서 느끼는 점을 틈틈이 적어본다. # styling ## react - styling: 모든것을 js 형식으로 풀어내려고 한다. - styled-components, styled-reset 등을 이용하여 객체를 만들고... export 시켜서 사용 - 코드의 장황함 응? styling 하는데 이렇게까지 해야하나? ## vue - markup 은 template 영역에 - js 는 script 영역에 - style 은 style 영역에 끝!!! 직관적이고 편리 적용하기 위한 다른 문법적 선행학습이 거의 필요없다. 반면 react는 따로 loader 로 처리하는 것이 아니라 js 로 만들어서 i..