CodingCredit

동기와 비동기 모르는 개념을 검색하면 자꾸 동기 비동기라는 용어가 나와서 공부해봤다. 동기 비동기? 동기 : 요청과 그 결과가 동시에 일어난다. 비동기 : 요청과 결과가 동시에 일어나지 않는다. 동기와 비동기는 어떤 작업을 처리할 때, 시각의 차이라고 할 수도 있다. 동기는 같은 목적의 행위가 동시에 이루어지며 (ex. 계좌이체에서의 출금과 입금) 비동기는 목적도 다르고 동시에 이루어지지도 않는다. (ex. 나는 반죽을하고, 오븐은 구워서 빵을만든다.) (ex 빵이 구워질때까지 가만히 기다린다면 나는 블록상태이다.) (ex 빵이 구워지는 동안 다른요리를 한다면 나는 논블록 상태이다.) Non-Blocking I/O 란? 자바스크립트는 기본적으로 싱글쓰레드 방식을 채택중입니다. 이 때 비동기적 처리(Asy..

Twittler 과제 수행중_ DOM DOM.. 너무 생소해서 아직 감도 안오는데 twittler라는 트윗창을 만드는 과제를 받았다. 처음엔 키보드에 손만 까딱까딱.. 뭐부터 해야하는지 처음으로 살짝 멘붕왔다. 자바스크립트로 문제만 풀다가 DOM으로 웹페이지를 구현하려고 하니, 갑자기 너무 생소했던 것 같다. 근데 하나씩 하다보니 자바스크립트로 알고리즘을 풀면서 했던 생각의 경로를 따라가게 되는 것 같았고 어찌어찌 거의 끝낼 수 있었다. 뭐야 이거 일기아닌데.. querySelectorAll로 할당한 변수에 addEventListener 메쏘드 사용하기 const usernameAll = document.querySelectorAll(".username"); const sameUser = function..

알고리즘 순환하는 문제 순환하는 문제는 모듈러스(%)를 활용한다. = 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..