JS

    Windows PC에 React를 설치하는 방법

    NodeJS 설치 React로 웹프로그램을 개발할 때 유용한 패키지를 설치하기 위해 NodeJS를 설치한다. NodeJS는 링크를 통해 다운로드받을 수 있으며, 가급적이면 최신버전보다는 안정적인 구버전(LTS)을 설치하는것을 권장한다. Yarn 설치 명령 프롬프트 이하 CMD에 아래 커맨드를 입력하고 실행한다. 만약 실행이 되지 않는다면 NodeJS가 정삭적으로 설치되었는지 확인하고 만약 정상적으로 설치되어있다면 컴퓨터를 재실행하여 아래 커맨드를 입력하고 실행한다. npm install yarn 새로운 React 프로젝트 생성 아래 명령을 이용해 새로운 리액트 프로젝트(앱)를 생성할 수 있다. npx create-react-app [appName] 아래 사진은 정상적으로 React 프로젝트(앱)이 생성된..

    HTML, JavaScript, JQuery를 이용한 DIV 숨기기

    때때로 특정 DIV 영역을 숨기거나 블록처리하여 일시적으로 이용하는데 제한을 걸어야할 때가 있다. 그럴때는 Javascript로 해당 HTML 요소를 Disable해두면 되는데 해당 포스트에서는 그 방법에 대해 다룬다. 1. 순수 자바스크립트를 이용해 DIV 요소를 활성화/비활성화 // 1 document.getElementById("target_element").style.display = "none"; // Hide document.getElementById("target_element").style.display = "block"; // Show 2. HTML의 Style을 이용해 DIV 요소를 활성화/비활성화 // 2 // Hide // Show 3. 자바스크립트 JQuery를 이용해 DIV 요소..

    자바스크립트 배열 안의 값을 반복문(for)으로 꺼내기

    // 문자 꺼내기 // 원소가 5개인 배열 "array" 선언 var array = ["가", "나", "다", "라", "마"]; // 배열 "array"의 원소 갯수만큼 반복문을 실행 // 이때 i 변수에는 0 ~ 4의 값이 순차적으로 들어감 (원소의 IDX값이 들어간다고 생각하면 됨) for (var i in array) { // console.log()함수를 이용해 array console.log(array[i]); } // 숫자 더하기 // 원소가 5개인 배열 "array" 선언 var array = [1, 2, 3, 4, 5]; // 수를 합산하기 위한 result 변수 선언 및 초기화 var result = 0; for (var i in array) { // result에 변수 i의 값을 더..

    누구나 쉽게 카카오톡 챗봇 개발하기 1

    카카오톡 챗봇 개발하기 1장 많은분들이 요청해주셔서 이번에는 카카오톡 챗봇을 만드는 방법에 대해서 써보려고 합니다하나의 프로젝트로 진행해보려고 하는데요 문법, 기술설명을 하는것도 좋지만 사용 언어가 Js인만큼 문법과 프로그래밍 기초 지식은 다른곳에서 얻으시리라 믿고문법에 중요도를 두는것이아니라 하나의 봇을 완성시키는식으로 강의를 써내려갈 생각입니다 흔히들 챗봇이라고 하면 카카오톡 플러스 친구를 떠올리시는데요, 제가 만드는 챗봇은 살짝 이와 다릅니다플러스친구의 챗봇은 일반 채팅방에 접근이 불가능하지만 제 방식의 챗봇과 같은 형태로 만드신다면 일반 사용자 계정처럼 만들어지며 당연히 카카오톡 오픈채팅, 일반 단체채팅, 1대1 개인채팅 등 여러분야에서 사용하실 수 있습니다 해당 영상에서 기본적인 챗봇 설정과 카..