전체 글
-
크롬 앱, momentum 클론 코딩JavaScript 2021. 1. 1. 00:37
퇴사 전에, 프론트엔드 프리랜서 분께서 니콜라의 클론코딩을 추천해주셨다. 신입이면 클론코딩 해보는 것 만으로도 배우는게 많을 것이라며 구직활동 쉬는 동안 해보라고 하셨다. 책만 읽는 것보단 실제로 코드를 쳐보는게 좋은데, 기획이나 디자인이나... 그런 것 신경 쓰다 보면 프로젝트가 엄청 밀릴게 뻔했다. 그래서 하루에 동영상 10분짜리... 하나씩이라도 하자! 하고 시작한 구글 크롬앱 클론코딩이다. css는 완벽하진 않지만, 기능만큼은 똑같이 구현이 되었다. 나중에 css를 다시 공부 할 때, 여기에도 적용을 해봐야 할 것 같다. 🥨 console.log( )와 console.dir( ) console.log(object) : 콘솔에 메세지를 보여줌 & html과 같은 트리 구조로 출력 console.di..
-
vue.js 하면서 배운 것JavaScript/Vue.js 2021. 1. 1. 00:26
v-for 반복문 돌릴 때 유의할 점 v-for를 돌릴 때에 스코프 잘 잡아야함 li를 반복 시켜야 하면 vfor의 기준을 li로 잡아야 한다. ul로 잡으면 반복시켰을 때 ul-li가 같이 돌아서 css가 짜부러진다. 데이터가 바뀔 때 마다, 작동해야하는 라이브러리들의 타이밍 created() {}, mounted() {}에서 데이터가 아직 바인딩이 되지 않았다면 watch: {}에서 데이터 변화를 감지 시켜서 바인딩 시킨다. int 숫자, string '숫자' 변환하기 서버에서 보내주는 숫자의 타입을 잘 확인한 뒤에 클라이언트에서 보여 줄 형식으로 함수들을 잘 사용한다 parseInt(string'숫자') 스트링 -> 인트 변환 '12,900' > 12900..
-
vue.js 하면서 배운 것JavaScript/Vue.js 2021. 1. 1. 00:20
swiper에 v-if 사용하기 swiper라이브러리에서도 vue의 문법이 묻는다! 야호 javascript 배열 복사해서 사용하기 조건에 따라 배열의 요소가 편집이 되어야 했다. 하지만 수정된 배열의 조건을 실행했다가 다시 완전한 배열로 돌아오면 배열이 모두 깨져있어서, 복사된 배열을 만들어서작업을 해야했다. array.slice(begin-i, end-i) 첫번째 인자로 시작할 인덱스, 두번째 인자로 끝날 인덱스를 복사된 배열로 반환한다. v-for="(item, index) in Array.slice(0, 4)array.concat(value) value을 array의 뒤에 붙인다. value는 배열 또는 객체가 들어갈 수 있다. v-for="(item, index) in Array.slice(0,..
-
vue.js 하면서 배운 것JavaScript/Vue.js 2021. 1. 1. 00:18
vue.js에서 이미지 태그 바인딩 세자리 수마다 ,(콤마) 찍는 정규 표현식 n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')int 받았으면 string으로 바꿔준다 swiper.js 페이지네이션 옵션 slidesPerColumn 컬럼 한 개당 보여줄 슬라이드 수 spaceBetween 슬라이드 간 간격 ( slidesPerColumn을 사용하고 있을 때, 슬라이드의 간격을 띄울 수 있다!) el: '.progress-bar' 스와이퍼의 프로그레스-바를 사용하기 위해 class요소 지정 debugger debugger를 걸고 싶은 곳에 debugger 넣고 실행 debugger가 걸려있는 곳 까지 실행시키면 자동으로 걸림 한 칸씩 넘..