티스토리

coding warrior

검색하기

블로그 홈

coding warrior

jsp0422.tistory.com/m

warrior.p 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

npm 명령어 알아보기 개발 모드로 실행하기 npm start : 개발모드로 프로그램을 실행하는 명령어. HMR이 동작하기 때문에 코드를 수정하면 화면에 즉시 반영된다. HMR이 없다면 코드를 수정하고 브라우저에서 수동 새로고침해야한다. 개발모드에서 에러가 있으면 브라우저에서 에러 메세지가 출력된다. 때에 따라서 API 호출을 위해 https로 실행해야 할수도 있는데 그때의 명령어는 아래와 같다. - 맥 : HTTPS=true npm start - 윈도우 : set HTTPS=true&&npm start : 자체 서명된 인증서와 함께 https 사이트로 접속한다. 자체 서명된 인증서이기 때문에 안전하지 않다는 경고 문구가 뜨지만 무시하고 진행하면됨. 빌드하기 npm run build : 배포 환경에서 사용할 파일을 만들어 준다.. 공감수 0 댓글수 0 2022. 4. 13.
동시적/비동기적 동기적 처리(Synchronous) 순서대로 진행되는것 위에서 아래로 코드가 순서대로 실행이 되는 것을 동기적 처리라고 한다. 즉 지금 진행하는 작업이 끝이나면 다른 작업으로 넘어가고 그 작업이 끝이 나면 다른 작업으로 넘어가는 방식이 동기적 처리 방식이라고 한다. 비동기적 처리(asynchronous) 비동기적 처리 작업은 순서대로 진행하는 것일 아니라 한번에 여러개가 진행되는 것과 마찬가지다. 비동기적 처리는 주로 api요청, 파일읽기, 암호화, 복호화 등에서 자주 사용된다. 비동기적 처리를 사용하는데 주로 사용되는 함수와 문법으로는 callback 함수와 Promise, async/await 문법 등이 존재한다. 공감수 0 댓글수 0 2022. 4. 12.
git 내 컴퓨터에서 git init (깃폴더 생성) git add git commit (커밋(버전) 컨벤션 찾아보기)의미있는 것으로 작은 단위로 깃허브에 올리는 것 git push (깃허브에 올리는것) git pull (깃허브에서 땡겨 오는 것) 깃세팅, 깃허브세팅 , 깃리모트오리진.. git branch 깃플로우 전략.. ——— 맥에서 숨김 파일 보기: command + shift + . vsc terminal git init ->깃의 시작.. git status ->깃 상태 확인 git add 파일명 -> 파일 담기. git add . ->모든파일 담기 git commit ->타임캡슐묻기 —>git commit -m “버전이름” git log -> 기록 보기 :q ->종료 git reset ->git re.. 공감수 0 댓글수 0 2022. 4. 11.
this 문맥에서의 this * 글로벌 컨텍스트의 this * - 브라우저에서의 : window * -node에서의 : 모듈 * 함수 내부에서의 this 엄격모드에서는 함수 내부 안에 this라는 정보가 없기때문에 undefined, 느슨한 모드에서는 globalThis *생성자 함수 또는 클래스에서의 this, 앞으로 생성될 인스턴스 자체를 가리킴. * this 동적 바인딩 자바, C#, C++ 등 대부분의 객체지행 프로그래밍 언어에서는 this는 항상(영원히) 자신의 인스턴스 자체를 가리킴. 정적으로 인스턴스가 만들어지는 시점에 this가 결정됨. 그러나 자바스크립트에서는 누가 호출하냐에 따라서 this가 달라짐. 즉, this는 호출하는 사람(caller)애 의해 동적으로 결정됨. * this 정적 바인딩 .. 공감수 0 댓글수 0 2022. 4. 5.
IP주소란? https://terms.naver.com/entry.naver?docId=3571314&cid=59088&categoryId=59096 IP 주소 [ IP 주소란 무엇인가 ] 현재(2015년 기준) 인터넷에 연결된 컴퓨터(혹은 모바일 기기 등)에 할당된 IP 주소는 거의 대부분 IPv4(IPversion4) 형태다. 이 IPv4의 주소 체계는 3자리 숫자가 4마디로 표기된다 terms.naver.com 공감수 0 댓글수 0 2022. 4. 4.
클래스와 콜백함수 ※ 함수와 클래스 비교 함수 - 특정 기능을 하는 변수와 구문으로 이루어져 있다. 기능 단위의 코드 그룹화, 기능 단위의 중복 코드 제거 및 코드 재사용 클래스 - 연관 있는 변수와 함수로 구성되어 있다. 객체 단위의 코드 그룹화, 객체 단위의 중복 코드 제거 및 코드 재사용 ※ 객체 단위의 코드 그룹화? - 위에서 클래스는 연관 있는 변수와 함수로 구성되어 있다고 했다. - 이런식으로 객체 단위로 함수와 변수를 구분해서 코드를 작성하면 필요한 함수들이 찾기 편해지고 객체단위의 코드 재사용 및 중복코드를 제거할 수 있다. ※ 클래스 관련 기본 개념 및 용어정리 인스턴스 - 객체를 의미한다. ex) 붕어빵 틀 = 클래스 , 붕어빵 = 인스턴스(또는 객체) 프로퍼티 - 클래스 내부에 만드는(포장하는) 변수를.. 공감수 0 댓글수 0 2022. 3. 31.
함수 최종 정리 기본 function add (a,b) { return a+b; } const sum = add (3,4); //add라는 함수를 호출하는데 paremeter은 3과 4야! //parameter(인자)은 함수를 호출하는 사람으로부터 필요한 데이터를 받아오기 위해서, 그리고 필요한 데이터를 받아올때 //조금 더 이해하기 쉬운 의미있는 이름을 부여함. function add (a,b) { return a+b; } // { } 코드블럭은 reference 에 들어있고, add는 reference를 가리킨다. const doSomething = add() // add의 reference를 가리킨다. const result = doSomething( 2, 3); const result2 = add( 2, 3); .. 공감수 0 댓글수 0 2022. 3. 30.
변수 최종 정리 변수란? 프로그래밍 언어에서 우리가 처리해야 되는 데이터를 담을 수 있도록 도와주는 것. 즉 데이터를 담고 있다. 변수를 통해가 데이터에 접근하고 데이터를 업데이트 한다. 변수를 할당하면 변수에 대한 메모리 공간이 생기고 그 안에 데이터를 저장할 수 있다. primitive type : number, string, boolean, null, undefined 데이터가 작은 단위이기 때문에 메모리에 그대로 들어옴. 변수를 다른 변수에 할당하거나, 전달할때 변수 안에 들어있는 값이 복사되어 전달됨. object : primitive type을 제외한 모든 데이터. 최소한 두가지의 다양한 데이터를 한곳에 묶어둔 것. 각 key마다 메모리가 할당된다. 정보를 많이 담고 있기때문에 주소 (reference)가 o.. 공감수 0 댓글수 0 2022. 3. 30.
PostCSS https://postcss.org/ PostCSS - a tool for transforming CSS with JavaScript Enforce consistent conventions and avoid errors in your stylesheets with stylelint, a modern CSS linter. It supports the latest CSS syntax, as well as CSS-like syntaxes, such as SCSS. postcss.org 플러그인이 다양함. 필요할때마다 확장해 나갈수 있음. 모듈화 가능. 공감수 0 댓글수 0 2022. 3. 24.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.