Sungtt

오늘은 스크롤을 실시간으로 감지하여 일정 위치에서 애니메이션이 실행되는 코드를 작성하기위해 알아보았다. 스크롤 감지를 위해 쓰이는 내장함수는 아래와 같았다. 이미지 출처 https://developer.mozilla.org/ko/docs/Web/API/Element/getBoundingClientRect window.pageYoffset HTML 시작점에서 viewport 시작점까지의 Y축 거리 window.pageXoffset HTML의 시작점에서 viewport 시작점까지의 X축 거리 element.getBoundingClientRect() 위 이미지에 따라 지정요소와의 거리를 반환해준다. HTML는 아래와 같다. Child 자바스크립트는 아래와 같다. function update(){ const c..

기획 웹크롤링을 통해 각종 사이트에서 진행하는 이벤트를 수집하여 한 페이지에서 확인할 수 있는 사이트 제작을 목적으로 한다.

의도 node를 통해 서버를 만들고, 그 안에서 웹크롤링 및 html을 출력해보기 위함. node를 설치하고 내가 원하는 디렉토리에 외부모듈 디렉토리가 생기지않아서, 외부모듈을 우선 전역에 설치하였다. 설치한 모듈은 express , axios , chreerio , request , request-promise , voca 이다. 어째서 내가 원하는 디렉토리에 모듈생성이 안되는지? 각 모듈의 역할은 무엇인지? npm install express npm install '모듈명'은 해당 모듈을 현재 디렉토리에 설치하는 것. npm install express -g install에서 -g라는 옵션을 붙이면 모듈을 전역에 설치하는것, 그러면 모듈이 위치한 디렉토리와 상관없이 사용할 수 있다. superviso..

개인 프로젝트를 진행하는 이유 현재까지 쌓아온 지식을 토대로 스스로 생각한 구현 방식과, 실제로 구현할 때 필요한 방식의 차이점을 연구한다. 그리고 차이를 채우기 위해 필요한 기술과 정보들을 습득하기 위함이다. 내 머릿속의 프로그래밍은 아직 깊이가 깊지않아서, 1차원적인 구조로 마음껏 상상의 나래를 펼치고 있다. ex) 값을 받아오고...저장하고....출력하고... 우선 애플리케이션을 제작하기 위해 무엇을 만들고싶은지, 이유는 무엇인지, 의도는 무엇인지, 가벼운 감정이더라도 앞으로 개인프로젝트란에 기술하도록 하자.

연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행하여 하나의 값을 만든다. 이때 연산의 대상을 피연산자(operand)라 한다. 피연산자는 값으로 평가될 수 있는 표현식이어야 한다. 피연산자와 연산자의 조합으로 이뤄진 연산자 표현식도 값으로 평가될 수 있는 표현식이다. // 산술 연산자 4 * 5 // 20 //문자열 연결 연산자 'sung' + 'tt' // sungtt 'sung ' + 'tt'// sung tt //할당 연산자 result = red // red //비교 연산자 3 > 5 // false //논리 연산자 true && false // false //타입 연산자 typeof 'Hi' // string 1.산술 연산자 산술 연산자는 피연산자..

변수(variable)은 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 자바스크립트를 해석하고 실행하는 엔진이 코드를 계산(evaluation)하려면 각 기호와 문맥의 의미를 해석(Parsing)할 수 있어야 한다. a + b = c // a,b,+ (리터럴과 연산자), a + b (표현식) 엔진이 a + b 라는 식의 의미를 해석하면 +라는 연산자의 연산을 수행하기위해 + 연산자의 좌변과 우변의 숫자 값(피연산자)를 컴퓨터의 메모리를 통해 기억한다. 그리고 c라는 결과값 또 한 메모리에 저장되어있다. 하지만 자바스크립트는 개발자가 직접적으로 메모리 제어를 허용하지않는다. 메모리 주소를 통해 값에 직접 접근하는것은 치명적 오류를 발생시킬 가..