· Frontend ·5 JavaScript console.log 콘솔로그 단축키 자동화 방법 2가지 console.log( ) 콘솔로그 쉽게 입력하는 방법 자바스크립스에서 콘솔을 빠르게 사용하고 키보드 시간 단축하는 방법에 대해 알려드리겠습니다. VisualCodeStudio 비주얼코드스튜디오 프로그램에서 파일 - 기본설정 - 사용자 코드 조각 구성 선택해줍니다 JavaScript.json 자바스크립트 영역을 선택해주세요 초록색 주석으로 설명이 나옵니다 아래 코드를 입력해주시면 con 하나만 입력해도 ! console.log ( )가 나옵니다 ! "console.log();": { "prefix": "con", "body": ["console.log()"], "description": "Log output to console" } 콘솔 출력되는 속도가 아주 빨라졌죠? VScode 프로그램에서 마켓 플레.. 2022. 11. 30. React 리액트 폴더앱 생성 및 시작 방법 정리 React 전에 이것 먼저 확인해주세요 - visual code 설치 - react.js 설치 여부 - node.js 설치 여부 - npm / yarn 설치 여부 -> npm 또는 yarn 을 다운로드하면 됩니다. 다운로드 후 yarn 버전 확인 해주세요 window 경우 : ctrl + R 에 cmd 엔터를 누르면 검은창이 나옵니다. yarn --version 입력 후 엔터를 치면 버전 확인이 가능합니다. React 폴더 앱 생성하는 방법 npx create-react-app app-name npm init react-app app-name yarn create react-app first-app React 서버 시작하는 방법 npm start (vs code 내부 터미널에서 가능) yarn start.. 2022. 11. 13. HTML Table 표 만드는 방법 테이블 태그 테이블 표 시작과 끝 태그 테이블 표 제목 테이블 행 태그 (Table Row) 테이블 셀 태그 (Table Data) ex) 1행 1셀 테이블 셀 병합은 ex) 2개 셀 가로 합치기 ex) 2개 셀 세로 합치기 테이블 너비 크기는 테이블 표 테두리 굵기는 테이블 표의 셀 간격은 테이블 표의 여백은 2022. 11. 7. Node.js 노드 다운로드 버전 및 자바스크립트 실행 방법 Visual Studio Code 프로그램에서 JavaScript 자바스크립트와 React 리액트를 원활하게 실행하기 위해서는 Node 노드 다운로드가 필요합니다. 우선 노드 사이트에 들어가주세요 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js 에는 다양한 버전이 있습니다. 가장 많은 사용자가 다운받은 LTS 버전으로 다운로드 받으시면 됩니다. 컴퓨터 사양에 알맞은 버전으로 다운로드 받아주세요 다운로드 항목에서 설치를 확인해주세요 (저는 이미 다운로드된 상태입니다) 설치 프로그램을 클릭해주시면 웰컴 노트 셋업 설정 창이 뜹니다 동의하기.. 2022. 10. 30. Node.js 노드란 무엇인가. 의미와 설치 방법 Node.js 는 그동안 프론트엔드 개발에서 사용하던 자바스크립트를 백엔드 개발에서 사용할 수 있도록 만든 프레임워크입니다 따라서 자바스크립트만 알아도 서버 개발까지 영역을 확대할 수 있다는 장점이 있습니다. 다음은 Node 의 블로킹과 논블로킹에 대한 설명입니다 출처 : https://nodejs.org/ko/docs/guides/blocking-vs-non-blocking/ 블록킹과 논블록킹 살펴보기 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chr.. 2022. 10. 30. 이전 1 다음
