본문 바로가기

분류 전체보기216

[Mac 설정] Chrome, Safari 스크롤바 설정 medium.com/life-at-the-front-of-mac/%EC%8A%A4%ED%81%AC%EB%A1%A4%EB%B0%94%EA%B0%80-%EC%82%AC%EB%9D%BC%EC%A7%80%EC%A7%80-%EC%95%8A%EB%8A%94%EB%8B%A4%EB%A9%B4-7e4ffe2f9246 스크롤바가 사라지지 않는다면 어느 날부터인가 크롬브라우저에서 스크롤바가 사라지지 않는다. medium.com 2020. 11. 11.
React Slider 라이브러리 openbase.io/packages/top-react-carousel-libraries Top 10 React Carousel Libraries in 2020 | Openbase A comparison of the top React Carousel Libraries: react-slick, nuka-carousel, react-image-gallery, react-images, react-swipe, and more openbase.io 2020. 11. 10.
styled component로 props 주기 콜백 형식으로 값을 전달해야한다. ({title}) => /*title이 있으면*/ title 반환 export const Title = styled.div` width: ${({title}) => title.length}00%; `; 2020. 11. 10.
flex input width auto width 100%로 2020. 11. 9.
storage에 객체 저장하고 꺼내기 setItem을 이용해 저장한 후 getItem으로 꺼내려고 하니 [object objectName] 으로 나온다. setItem 메소드에서 string 형태로 저장되는 것으로 보인다. storage에 저장할 때 string으로 변환한 다음 나중에 구문 분석을 해야 한다. var testObject = { 'one': 1, 'two': 2, 'three': 3 }; // Put the object into storage localStorage.setItem('testObject', JSON.stringify(testObject)); // Retrieve the object from storage var retrievedObject = localStorage.getItem('testObject'); con.. 2020. 11. 8.
[Vanilla JS] 여러개의 요소에 AddEventListener 넣기 $('.an-article img').click(callback); 요소에 클릭 이벤트를 등록한다. jQuery로 했었다면 엄청나게 간단한 코드였을 것이 const articleImgs = document.querySelectorAll('.an-article img'); 바닐라 JS로 .an-article 안의 img 요소를 선택하는 것까지만 해도 코드가 더 길어진다. 이제 각 img에 클릭 이벤트를 줘야 한다. articleImgs.addEventListener 로 바로 하면 안 된다. forEach문을 사용하여 img 각각에 click 이벤트를 등록해야 한다! articleImgs.forEach(function(articleImg) { articleImg.addEventListener("click",.. 2020. 11. 8.
canvas context 학습내용1 mouseenter, mousedown 이벤트 if(!isDrawing) { // mousedown일 때만 실제로 그려짐 ctx.beginPath(); // 새로운 path 시작 ctx.moveTo(drawX, drawY); // 실시간 offset 감지, 안할시 마지막 path에서 이어짐 } else { ctx.lineTo(drawX, drawY); ctx.stroke(); // path에 stroke주기 } clearRect (x좌표, y좌표, 너비, 높이) function reset() { ctx.clearRect(0, 0, canvas.width, canvas.height); } developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D .. 2020. 11. 7.
병합 충돌로 인해 git pull 안됨 error: 병합 작업을 다 마치지 않았습니다 (MERGE_HEAD 파일이 있습니다) 힌트: 병합하기 전에 변경 사항을 커밋하십시오. fatal: 병합을 마치지 못했기 때문에 끝납니다. git push를 하려고 하니 git pull을 하라고 하고, git pull을 하려고 하니 병합을 하라고 한다. 그런데 병합해야 할 파일을 잘못 건드렸더니 변경 사항에 뜨지 않는다. git reset --merge merge 전으로 돌아간 후 다시 git pull을 한다. 2020. 11. 4.
[reset] 이전 commit 취소하고 다시 커밋하기 git reset을 통해 돌아갈 지점을 선택한다. git reset [commit num] 다시 commit 한다. [git reset --soft] 와 [git reset] 의 차이는 스테이징 되느냐 안되느냐 이다. --soft를 붙이면 커밋 이전 상태로 돌아간 후에도 수정된 파일들이 스테이징되어 있다. 그리고 --hard는 해당 커밋 이후 수정된 파일들은 날려버린다. 업데이트 후 에러 날 때 되돌리기 좋다. www.devpools.kr/2017/02/05/%EC%B4%88%EB%B3%B4%EC%9A%A9-git-%EB%90%98%EB%8F%8C%EB%A6%AC%EA%B8%B0-reset-revert/ [초보용] Git 되돌리기( Reset, Revert ) 개발바보들 1화 git “back to th.. 2020. 11. 4.

티스토리툴바