jineecode

1. 현재페이지에 부를때 button 2. 새 창에 열때 button 3. 팝업으로 열기 (주소,팝업창이름,옵션) button 4. 상위 프레임에 부를때 button 5. 프레임 지정 링크 button

내가 맡은 업무 중 하나인 그래프 만드는 업무에 chart.js가 들어가기로 했다. 버전이 여러 번 업데이트 되는 것 같았고 그럴수록 설치 방법부터 코드도 뒤바뀌는 느낌이다. 예전 버전은 파일을 zip으로 다운로드 받아서 script에 넣었다면 지금은 npm install chart.js 로 대체하는 느낌. npm으로 설치하면 노드 모듈 파일이 깔린다. 상황에 따라 어떻게 설치할지, 어떻게 import 할 지 고려해서 달리 쓰면 될 것 같다. *플러그인을 쓰려고 할 경우 너무 높은 버전을 설치하면 일부 코드가 작동하지 않는다. 나 같은 경우 npm i chart.js@2.9.3 으로 설치하였다. *라벨 위에 숫자를 표기하고 싶다면 아래 cdn을 넣는다. 공식사이트 https://www.chartjs.or..

https://www.daleseo.com/js-web-storage/ [자바스크립트] 웹 스토리지 (localStorage, sessionStorage) 사용법 Engineering Blog by Dale Seo www.daleseo.com

React Native에서는 앱을 빌드할 때 앱의 전체 로직을 갖고 있는 JS Bundle을 갖게 되고 이것을 각 플랫폼(ios/android)에 심는다. JS Bundle은 JS Thread에 의해 실행되는데 각 플랫폼에서 앱을 실행하기 위한 Native Threads는 JS Thread와 직접 커뮤니케이션 할 수 없고 RN 에서 제공하는 Bridge로 인해 상호작용을 하게 된다.

import React, {Component} from 'react'; 그냥 React로 쓰는 것과, 중괄호 안에 Component로 쓰는 것의 차이가 무엇일까? export const hello = 'hello'; // import {hello} , 여러 번 쓸 수 있다. export default Hello; // import Hello, default로 export 할 경우에는 한 번만 가능하다. //module.exports 와 호환이 된다. 같다는 의미는 아님 노드에서는 require, module.exports만 지원한다. import, export를 썼는데도 가능한 이유는 바벨이 있기 때문임. 즉, 웹팩에서는 require로 불러와야 한다. (노드 기반이므로) const React = req..

공식 사이트: https://webpack.js.org/ webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. webpack.js.org //npm init //package.json ... "scripts": { "dev": "webpack" } npm run dev npx webpack const path = require('path'); //node를 설치하면 경로 조작을 쉽게 할 수 있는 ..

코드부터 살펴보기 const array = [3, -1, 10, 5, 0]; const sum = array.reduce((acc, cur) => { return acc + cur; }); console.log(sum); //17 const array = [3, -1, 10, 5, 0]; const sum = array.reduce((acc, cur) => { console.log(acc); return acc + cur; }); 3 2 12 17 const array = [3, -1, 10, 5, 0]; const sum = array.reduce((acc, cur) => { console.log(cur); return acc + cur; }); -1 10 5 0 초기값을 이용한 응용 const arr..

TypeError: Cannot read property 'name' of undefined 상황: axios로 API를 불러오고자 할 때, API를 불러오기도 전에 렌더링 되어 undefined를 보게 되는 상태 import React, { useState, useEffect } from "react"; import axios from "axios"; const Emote = ({ match, history }) => { let [emote, setEmote] = useState([]); useEffect(() => { axios .get(`https://ffxivcollect.com/api/emotes/${match.params.id}`) .then((res) => { console.log(res.d..