본문 바로가기

분류 전체보기191

[JavaScript] 자바스크립트 원하는 구구단 결과값 입출력(Math 객체 활용) 자바스크립트 원하는 구구단 결과값 입출력(Math 객체 이용) 난수를 생성하여 사용자의 입력을 받아 원하는 구구단 결과값을 출력해주는 간단한 코드이다. > 1. 사용자의 입력을 받는다. 2. 원하는 구구단의 단수를 변수 2개로 지정하여 시스템 값을 미리 계산해놓는다. 3. 값이 맞고 확인을 누르면" 정 답 "이라 출력 4. 만약 다르면 "다시 생각해보세요" 라는 문구가 출력. 소스코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 JavaScript Basic function randomInt(){ return Math.floor(Mat.. 2020. 10. 23.
[한번에 이해하는 개념] JSON 이란? react를 공부 중 정리하면 좋을 것 같아서 JSON 개념을 적기 시작했다. JSON 개념? Java Script Object(객체) Notation(표기) 의 줄임말로, 단어 기준 그대로 자바스크립트를 객체로 표현한 것이다. 그래서 무슨 말인데? 왜(Why) 사용하지? 클라이언트가 서버에 어떤 값을 요청한다고 했을 때를 생각해보자. 날짜, 시간, 해당id, 요청자료 이렇게 4개를 보낸다고 가정했을 때 보낼 수 있는 형식들은 무궁무진하다. 예를 들어 (1) 날짜 : 2020-01-01 시간 : 00:00:00 id : random 요청자료 : sequence_1 (2) 날짜, 시간, id, 요청자료 = {2020-01-01, 00:00:00, random, sequence_1} (3) {(날짜, 202.. 2020. 10. 23.
[React] 리액트(React) 온라인 코드 편집기로 Hello World 출력(2/2) Vs code로 환경설정을 일일이 하기 귀찮을 때가 있다. 그 때는 React 공식 홈페이지에서 제공해주는 튜토리얼을 통해 간단한 테스트를 할 수 있다. React 공식 홈페이지에서 제공해주는 온라인 코드 편집기는 크게 4가지이다. 1. CodePen 2. CodeSandbox 3. Glitch 4. Stackblitz 각 사용해보고 싶은 것들을 들어가서 이용하면 된다. > React 공식 홈페이지 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org * 공식 문서를 들여보는 습관을 항상 습관화 해야한다고 생각한다. 2020. 10. 22.
[React] VS Code에서 리액트(React) Hello World 출력(1/2) Front End Framework에서 가장 핫한 React를 한번 다뤄보고 싶었다. React를 Visual Studio Code(VS Code)에서 활용하여, 가장 기본적인 Hello World를 출력하는 과정이다. Node.js 설치 과정은 생략했다. > : Node.js 설치 * C드라이브나 D드라이브에 작업할 디렉토리 생성 * 해당 파일을 Vs Code로 열기 * 터미널창 띄우기 * npx create-react-app my-app 입력 * 설치 중.... (시간이 걸린다.) * 설치 완료 my-app 이란 폴더가 새로 생성됬다. * cd my-app 입력 * npm start 입력 * 아래와 같은 창 실행 확인 * VS Code에서 App.js 클릭 : 아래 화면에서 .. 2020. 10. 21.
[Chrome] 구글 크롬(Chrome) 실행시 로그인 창(새 탭) 삭제 및 생성 하는법 크롬 실행시 자동으로 로그인 새탭이 열리는걸 끄고 싶었다. 여러가지 설정을 건드린 후에 알게 되었다. 아래와 같이 따라하면 설정을 변경 할 수 있다. 1단계 : 설정 창 클릭하기 2단계 : 동기화 및 Google 서비스 클릭하기 3단계 : Chrome 로그인 허용 활성화 끄기 - 활성화 탭 사라짐 (반대로 활성화 시키려면, 새 탭 다시 활성화) 2020. 10. 21.

티스토리툴바