profile
예발자입니다.

This?

메소드를 호출한 객체가 저장되어있는 속성으로 함수를 호출하는 방법에 의해 결정됨일반 함수에서 this -> window중첩 함수에서 this -> window이벤트에서 this -> 이벤트 객체메소드에서 this -> 메소드 객체메소드 내부의 중첩 함수에서 this -

2020년 12월 15일
·
0개의 댓글

크롤러 무한스크롤 에러

무한스크롤의 페이지를 크롤링하기 위해 드래그를 맨 밑으로 내려서 div, a 등 태그들은 로딩이 됐지만 이미지는 해당 위치로 이동을 해야 로딩되는 방식이어서 img src를 받을 수 없었다. 그래서 setInterval로 시간초마다 일정 높이를 드래그하여 이미지 전체를

2020년 11월 14일
·
0개의 댓글

크롤러 새로고침 기능

현재 링크를 저장하면 크롤러는 1회만 수행되어 최신데이터를 받아올 수 없다.그래서 새로고침기능을 추가하여 버튼클릭시 기존 데이터를 삭제하고 새로운 데이터를 insert하도록 할 것이다.순서는 다음과 같이 진행될 것이다.새로고침버튼 클릭back으로 링크카드의 id를 전송

2020년 11월 14일
·
0개의 댓글

어셈블리

어셈블리어 > 어셈블리어란 기계어와 1:1 대응되는 저급언어이다. 고급어라 불리는 .c파일을 컴파일러를 통해 어셈블리어인 .s로 , 그리고 어셈블러를 통해 목적파일인 .o, 마지막으로 링커를 통해서 실행파일로 만들 수 있다. 문법에는 두 종류, Intel, AT&

2020년 11월 10일
·
0개의 댓글

[42 seoul]입장할 때 말하기 귀찮아

현재 42서울에서는 입장할 때 닉네임과 예약한 층을 데스크직원에게 말하고 예약이 확인되고 입장하는 시스템이 있다.개인적으로 입장하는 단계가 너무 귀찮다.일단 문을 열어야하고출입증으로 태그를 찍어야하며체온을 재고큐알코드를 찍고닉네임와 예약한 층을 얘기한 다음올라간다.몇단

2020년 11월 6일
·
1개의 댓글

[Os] 쓰레드

프로세스는 프로그램을 메모리에 올려 실행중인 것을 의미한다.프로세스는 프로그램에서 사용되는 데이터, 메모리 등의 자원과 쓰레드로 구성된다.쓰레드란 뭘까?프로세스 내에서 실제적으로 작업을 수행하는 주체.프로그램(프로세스)의 실행 단위쓰레드는 쓰레드간 ps에 할당된 메모리

2020년 11월 4일
·
0개의 댓글

[Os] 쓰레싱

프로세스가 수행되기 위해서 일정수준이상의 페이지 프레임을 할당받아야한다. 여기서 페이지 프레임이란? 가상주소공간이랑 물리적메모리의 공간이랑 차이가 생긴다. 이 차이를 줄이기 위해 공간을 4K바이트로 나눈 것을 페이지라하고 물리적메모리의 메모리 블럭을 페이지 프레임이

2020년 10월 28일
·
0개의 댓글

[OS] Cpu 스케쥴링

CPU는 기계어명령을 수행하는 중앙 처리장치프로그램이 실행되면 PC에 현재 cpu에서 수행할 코드의 메모리 주소를 갖고 있게되는데 cpu가 주소의 기계어 명령을 하나 씩 수행함.cpu내에서 수행되는 명령add : 레지스터 두 값을 더해 저장메모리 접근을 필요하는 명령L

2020년 10월 21일
·
0개의 댓글

NodeJS 웹 크롤링 Ch03

엑셀에 이미지를 넣을 수 없으니 이미지를 따로 관리해보도록 하자이미지를 버퍼형태로 가져오고, fs모듈이 버퍼를 파일로 바꿔줌npm i axios이미지 주소를 추출한다음 쿼리스트링을 분석해보는 과정이 필요함지금까지 했던 크롤러를 동작시켜보면 화면이 잘려서 출력됨스크린샷을

2020년 9월 30일
·
0개의 댓글

NodeJS 웹 크롤링 Ch02

공식문서1초에 10번씩 클릭하면 안되므로 사람인척 해야함.userAgent : 내 브라우저가 크롬인지, 파폭인지 나타내는 문자열 접속할 때 bot은 bot이라고 티가남. 따라서 정상적인 브라우저로 속이기 위해서npm i puppeteer크롬 브라우저의 기반인 Chrom

2020년 9월 30일
·
0개의 댓글

NodeJS 웹 크롤링 Ch01

코드 예제CRAWL : 기어다니다웹 사이트를 기어다니면서 정보를 수집하는 봇 = 크롤러크롤링한걸 영리적 목적으로 쓸 때 문제가 생길수도 있음.자스로 크롤링하면 생산성이 좋당CSV? comma separated values콤마와 줄바꿈으로 구분된 값npm i csv-pa

2020년 9월 30일
·
0개의 댓글

JS30 Day08

canvas 요소를 사용해 그림판을 만듦canvas요소 사용width, height요소만 존재고정크기의 드로잉 영역을 생성하고 하나 이상의 랜더링 컨텍스트를 노출해 컨텐츠를 생성, 출력함getContext()를 이용해 그리기 함수를 사용할 수 있음

2020년 9월 25일
·
0개의 댓글

JS30 Day07

array 메소드에 대해 학습some :every:find:findIndex:some, Date를 사용하여 19살이상인 성인인지 확인하는 함수를 작성\-> 적어도 하나가 성인이므로 true의 결과를 출력every를 사용하여 모두가 성인인지 확인하는 함수를 작성\-> 모

2020년 9월 25일
·
0개의 댓글

JS30 Day06

검색했을 때 새로고침 없이 검색결과가 입력한 글자마다 나오도록api에서 데이터를 가져오고, 가공해서 원하는 결과로 parsing정규표현식promise, fetchapi call

2020년 9월 25일
·
0개의 댓글

JS30 Day05

flexbox.iodisplay:flex에 대해 학습flex로 grid형태로 만들고 각 영역을 조정함으로써 애니메이션 추가translateY 로 애니메이션을 만듦JS로 각 패널을 클릭했을 때 toggle로 on, offclassList.toggleflex, justif

2020년 9월 25일
·
0개의 댓글

JS30 Day04

array 메소드에 대해 다룸filter, map, sort, reduce 등을 이용해 주어진 문제를 해결array 메소드들에 대한 이해prototype에 map메소드가 없으면 유사배열 객체나 반복가능한 객체를 얕게 복사해 새로운 Array 객체로 만들어 순회할 수 있

2020년 9월 25일
·
0개의 댓글

JS30 Day03

sass자바스크립트를 이용해서 CSS를 변경한다.sass을 사용한다 -> CSS 변수input으로 통해 선택된 value값을 px가 붙은 값으로 CSS스타일을 지정해주어야 하므로 suffix를 추가해주어야한다.RGB값은 px가 필요없으므로 data-sizing을 지정해

2020년 9월 18일
·
0개의 댓글

JS30 Day02

시, 분, 초를 갖는 시계를 만들 것JS와 CSS만으로!transform, rotate degreetransform-origin ->transition 속성transition-timing-functionsetInterval현재시간을 반환할 Date 객체의 메소드들CSS

2020년 9월 18일
·
0개의 댓글

JS30 Day01

keyCode는 deprecated. 대신 key를 사용함9개의 키를 눌렀을 때 각 키에서 드럼 소리를 나도록 이벤트를 작성해라연속으로 눌렀을 때 한번만 실행되지 않고 누른 숫자만큼 끊김없이 실행되도록해라키 클릭시 눌른 키가 무엇인지 확인할 수 있도록 애니메이션추가특정

2020년 9월 18일
·
0개의 댓글

JS 모던튜토리얼 프로토타입

자바스크립트는 객체지향언어, 프로토타입 기반 언어라고 불린다JS에는 클래스가 없다. Class라는 예약어가 있지만 함수의 한 종류일 뿐이다.따라서 Class가 없으니 상속기능도 없다.상속을 구현해 사용하는 것이고 이를 함수와 new를 통해 흉내내는 것이다.프로토타입을

2020년 9월 4일
·
0개의 댓글