CodingCredit

알고리즘 순환하는 문제 순환하는 문제는 모듈러스(%)를 활용한다. = look-up table 예 ) 일주일 =월화수목금토일 → 월(0) +9일되면? → 0+9%7 = 2(수요일) 관심있으면memoizaion 찾아보기. 작은값, 큰값 찾을 때 기준 정하기 제일 작은값 구할 땐 기준을 매우매우 큰값으로 정해주고 제일 큰값을 구할 땐 기준을 매우매우 작은값을 정해준다. 매우매우큰값 = Number.MAX_SAFE_INTEGER 매우매우 작은값 = Number.MIN_SAFE_INTEGER 혹은 99999999나 -35252353해도 된다. CSS 반응형 만들때 @media screen and (max-width: 768px){ 원하는 옵션 } li를 넣을 때는 ul혹은 ol의 padding-left:0;으로..

알고리즘 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.