코딩하는 이채야채

router.events.pipe( filter(event => event instanceof NavigationEnd) ).subscribe((event: any) => { const url = event.url.startsWith('/ko') || event.url.startsWith('/en') ? event.url.substring(3) : event.url; if (url !== '/cart' && url !== '/order') { this.scrollGnb = false; window.addEventListener("scroll", this.scrollEvent) } else { this.scrollGnb = true; window.removeEventListener("scroll", thi..

유튜브라던지, vemoe 등등의 스트리밍되는 서비스에서 데이터를 받아와서 그 데이터를 영상의 형식으로 볼 수 있는데 데이터를 저장하는 양식과 공간이 필요한데 이때 사용되는게 B U F F E R Buffer란? - 파일을 읽어 들이는 방법 중 하나. - 버퍼링은 파일을 준비하는 과정 - 이미지/영상을 송출 하기 위한 최소한의 데이터를 모아야 된다. Buffer 작동방식 - Node.js에서는 파일을 사용하기 위한 공간을 마련한다. - 메모리에 저장된 데이터가 Buffer가 된다. - Node.js에서는 Buffer객체를 사용해 Buffer를 조작할 수 있다. Buffer 기본 함수 1. alloc(): 빈배열생성 2. toString() : 바이트형태로 되어있는 버퍼를 문자로 3. from(): 문자열을..

A Pen by Nazar-Klymenko (codepen.io)

git branch -d -r origin/브랜치네임 sophie - git 브랜치를 만들고 일부 commit 올렸음 동료 - 브랜치를 끌고와서 commit을 더 날린 후 push 날림 sophie - 작업중중중 동료의 commit이 잘못됨 이때 내 브랜치에서 git branch -d -r oriign/브랜치네임 을 하면 이전에 있던 tracking 내용들이 모두 삭제됨

- Search Engine Optimization 검색엔진에서 찾기 쉽도록 사이트를 개선하는 프로세스 SEO컨텐츠를 작성할때 중요한 3가지 타이틀 태그 해당제목이 검색결과페이지 ----> SERP에서 노출될 수 있게끔 정하는게 중요하다. 메타 태그 메타태그는 크롤러가 크롤링하는데는 영향을 안 미친다. 부연설명, description 부분 헤드 태그 제일 중요한 부분! 각각의 heading 태그들마다 키워드들이 다 들어가 있어야한다. 이렇게 안에 title과 description을 넣어놨다. 타이틀태그와 메타태그자체는 head안에 넣어둔셈 실제로 네이버에서 검색을 하면 아래와 같이 타이틀태그와 메타태그 그대로 나온다. //app.module.ts providers: [ { provide: UrlSeria..

자바스크립트는 싱글스레드이므로 여러 코드를 동시적으로 실행 할 수 없고. 하나씩 실행할 수 밖에없게 설계되어있다. 또한 오래걸리는 작업들은 비동기적으로 실행되기때문에, 종종 예측하기 힘든 일들이 발생한다. 멀티쓰레드를 가능하게 해주는 것이 Web Workers다. 웹워커는 스크립트 연산을 주 실행 스레드 와 별개로 어딘가의 공간에서 별도의 스레드로 실행 할 수 있게 한다. 그렇기에 무겁고 오래걸리는 작업들을 Web Workers에서 실행 해 주기도 한다. 이말인 즉, => (보통 UI 스레드)가 멈추거나 느려지지 않고 동작할 수 있다. 1. Worker등의 생성자로 생성을 한다. 2. 이 후 얘네는 별도의 공간을 받아서 다른 전역 맥락에서 실행되는데 이공간이 바로 "워커 스레드" 3. 전용 워커의 경우 ..

라이브러리 없이 JS와 CSS로 price range를 만들어봤다. 찾다보니 input양쪽에 동글뱅이를 움직여서 실시간으로 가격변동이 가능한 코드들은 많았으나, input동그라미 움직이기 + 클릭시 해당위치로 이동을 동시에 가능한 예시가 없어서 직접 구현해봤다 ㅠㅠ. 원하는기능 1. 실시간으로 양쪽 동그라미를 움직이면 가격이 변동하는 기능 2. 클릭시에는 해당 위치로 이동하지만, 양쪽 range중에 가까운 range기준으로 움직이게끔 앵귤러 사용자기에 html과 css위주로 봐주세요! 가격 {{withComma(minValue)}}원 {{withComma(maxValue)}}원 이부분에서 range부분은 바로 이부분 range-slider다 input은 2가지가 필요하다 오른쪽에 있는거, 왼쪽에 있는거 ..

더보기 문제 설명 과일 장수가 사과 상자를 포장하고 있습니다. 사과는 상태에 따라 1점부터 k점까지의 점수로 분류하며, k점이 최상품의 사과이고 1점이 최하품의 사과입니다. 사과 한 상자의 가격은 다음과 같이 결정됩니다. 한 상자에 사과를 m개씩 담아 포장합니다. 상자에 담긴 사과 중 가장 낮은 점수가 p (1 ≤ p ≤ k)점인 경우, 사과 한 상자의 가격은 p * m 입니다. 과일 장수가 가능한 많은 사과를 팔았을 때, 얻을 수 있는 최대 이익을 계산하고자 합니다.(사과는 상자 단위로만 판매하며, 남는 사과는 버립니다) 예를 들어, k = 3, m = 4, 사과 7개의 점수가 [1, 2, 3, 1, 2, 3, 1]이라면, 다음과 같이 [2, 3, 2, 3]으로 구성된 사과 상자 1개를 만들어 판매하여..