CodingCredit

알고리즘 arr.slice()에서 매개변수를 음수(-)(마이너스)로 활용하기 let test = [1, 2, 3, 4]; 매개변수가 음수면 '뒤에서 부터'라고 생각하면 쉽다. test.slice(1,-1) 인덱스1부터 뒤에서 두번째 첫번째 인덱스 미만까지 slice // [2,3] 2. test.slice(-2) 뒤에서 두번째 인덱스부터 끝까지 slice // [3,4] test.slice(-1) 맨뒤 element slice //[4] test.slice(-2,-1) 뒤에서 두번째 인덱스부터 뒤에서 첫번째 인덱스 미만까지 출력 // [3] 주의 slice method는 양수도, 음수도 end매개변수에서는 미만(

고차함수 함수의 호출 vs 함수값의 호출 return function(); //함수 호출 return name; //함수 호출 (name이라는 함수명이 있을 때) return name() //함수 값 호출 const fun = function(){} return fun; //함수 호출 고차함수 메쏘드 array.filter(함수) 배열의 엘리먼트 들 중 함수조건에 ture에 해당하는 것들만 필터링 한다. array.map(함수) 배열의 각 엘리먼트들에 함수의 연산을 처리함. array. reduce(함수) 함수의 매개변수로는 보통 acc,cur이 들어간다. 초기값을 따로 주고싶다면 reduce(함수,초기값)으로 지정해준다. acc에 함수연산 값이 계속해서 저장되서 응축된다. 공통 함수안의 매개변수는 아무..

혼자해본 Scss 아. 혼자하는건 역시 쉽지않았다. Sass설치부터 컴파일 까지 sass설치 (sudo로) sudo npm install -g sass global로 설치해서 한번만 설치하면 끝. package.json 생성 npm init node-sass 설치 npm install node-sass --save-dev 이렇게하면 devDependencies에 저장되고 save이후를 안적어주면 그냥 Dependencies에 저장된다. 어떤 css와 어떤 scss를 링크할지 저장해준다. script안에 다음을 적어준다. "이름": "node-sass 작성한.scss 작성한.css -w" -w를 붙이면 실시간으로 컴파일 해준다. "scripts": { "compile:sass": "node-sass mai..

BEM과 SCSS 맛만보기! 맛만보기 맛만보기 맛만보기 맛만보기.. 맛만보기? 이렇게 되뇌이다 보면 한글이 내가알던 한글인가 하는 느낌이 들 때가있는데 이를 게슈탈트 붕괴현상이라고 한다. 오늘은 코드스테이츠 수강생분 중 한분께서 Sass(Scss)에 대한 설명과 실습을 다루는 소모임을 여신다고해서 3시간가량 참여하였다. 자신이 아는 개념을 설명한다는 게 진짜 어려운 일일텐데, 많이 준비하신 듯 하고 대단하다고 생각했다. 실습을 하면서 들으니 확실히 집중도 잘되고 재밌었다. 감사합니다!! BEM (Block Element Modifier) 트위틀러 과제를 진행하면서 css에 무수히 쏟아지는 셀렉터들을 보고 '이걸 다른사람이 보면 html이랑 엄청 번갈아 봐야, 웹페이지의 이미지가 그려지겠다.&#39..

CSS에서 vh,vw와 %의 차이 vh = viewport height vw = viewport width vh와 vw 모두 width, heigth에 쓸 수 있다. vh와 vw는 열려있는 화면 전체의 상대길이이기 때문에 스크롤바를 포함한 길이를 반환한다. 반면에 %는 창이 중심이 아닌, %를 쓰고있는 엘리먼트의 부모 엘리먼트의 길이에 맞게 반환된다. 또한, 전체 화면의 %를 쓴다 하더라도, 스크롤 바를 포함하지 않은 현재 화면의 길이만을 반환한다. vmin과 vmax viewport의 길이 중 더 긴 길이를 기준으로 삼으면 vmax, 더 짧은 길이를 기준으로 삼으면 vmin.

arr.slice(start,end) start부터 end미만의 인덱스를 복사한다. end가 arr의 length를 초과하면 그냥 마지막 인덱스 까지 slice한다 start가 end보다 크거나 하는 등, 범위가 적절하지 않으면 빈 배열이 출력된다. arr.slice()는 배열 복사용으로 자주 쓰인다. slice로 복사한 값에 변화를 줘도 원본에 영향을 주지 않는다. 아직 확실하진않지만 내 생각으로는, slice는 immutable method이니까 slice한 값을 새로운 주소에 저장는 듯 하다. 객체의 길이 구하기 문자열이나 숫자, 배열에서는 .length 메쏘드를 쓰면 길이를 구할 수 있지만 객체에서는 그렇게하면 undefined가 출력된다. 따라서 Object.keys(obj).length로 길이..