전체 글119 [Typescript ]Property 'innerText' does not exist on type 'EventTarget'.ts(2339) 이벤트 위임을 구현하면서 target에 접근하면서 발생했다. digitClickEvent는 eventListener의 callback 이다. const digitClickEvent = (e: Event): void => { console.log(e.target.innerText); }; 타입스크립트가 적절한 타입을 찾지 못해서 발생하는 오류이다. 타입스크립트에게 명시적 형변환을 해주자. const digitClickEvent = (e: Event): void => { const eventTarget = e.target as HTMLElement; console.log(eventTarget.innerText); }; https://stackoverflow.com/questions/54886637/error.. 2021. 6. 1. 5 월 yari-content-ko — ko 지역 고정 해제 및 향후 계획 2021년 MDN은 새로운 플랫폼인 yari와 함께 진화하고 있습니다. 그동안 동결되어있었던 한국에서도 4월 yari-content-ko 팀이 창설되어서 활동을 이어나가고 있습니다. 이전의 MDN의 소식에 대한 번역 포스팅도 존재합니다. 아래 링크를 참고해주세요. MDN 현지화 업데이트, 2021 년 2 월 3 월 MDN 현지화 — Tier 1 지역 고정 해제 및 향후 계획 먼저, yari-content-ko 팀 소개에 앞서서 그동안의 MDN의 소식들을 요약해서 전해드리려고 합니다. yari-content-ko 팀이 궁금하신 분들은 을 눌러주세요! 첫 번째로는 MDN Web Docs evolves! Lowdown on the upcoming new pla.. 2021. 5. 31. React component Component 란? 하드웨어는 각각의 독립된 기능을 가진 모듈들로 만들어진다. 하지만, 소프트웨어는 종속적인 경우가 많고 다른 모듈과의 호환성도 고려하지 않고 개발하는 경우가 많다. 이런 상황에서 재사용의 중요성과 필요성을 위해 나온 패턴이 컴포넌트 패턴이다. 1. 컴포넌트는 독립적인 소프트웨어 모듈이다. 컴포넌트는 독립적인 기능을 수행하는 모듈로서 이후 다른 모듈로 대체 가능하다. 2. 컴포넌트는 구현, 명세화, 패키지화 그리고 배포될 수 있어야 한다. - 소스코드가 아닌 실행코드 기반으로 재사용할 수 있도록 구현(implementation)이 완료되어 있어야 한다. - 컴포넌트의 용도, 유형, 기술 표준과 인터페이스 등에 대한 정보들에 대해서 명세화(specification)되어 있어야만 한다. .. 2021. 5. 29. 자바스크립트 꼬리물기와 for에 관하여... 재귀 함수에 관하여 (&& unrolling recursion) 모든 프로그래밍 문제는 패턴을 찾으면 쉽게 해결할 수 있다. 우리는 패턴을 짜기에 가장 먼저 재귀 함수를 쉽게 떠올릴 수 있다. 그렇게에 주로 재귀 함수를 통해 문제를 해결하려고 한다. 1부터 num까지 더하는 재귀 함수 function sum(num){ if (num == 1) return (1); return (sum(num-1) + num); } 하지만, 재귀 함수들은 항상 stackoverflow의 위험 가능성이 있다. 우리는 고작 재귀 함수로 100000의 덧셈도 계산하지 못한다. 또한, 이런 코드들은 잠재적으로 버그를 일으킬 가능성이 높고 버그를 알기도 쉽지 않다. 꼬리물기 재귀 함수 C는 메모리를 모두 사용할 때까지 제한 없이 .. 2021. 5. 28. ESLint를 설정해보자! 우선 용어에 대해 알아보자. 린트(lint): 소스 코드에 문제가 있는지 탐색하는 작업 린터(linter): 린트 작업을 도와주는 소프트웨어 도구 오늘은 많은 기업들이 쓰고있는 ESLint를 사용해보자. 아래는 ESLint의 스폰서들이다. Airbnb, Chrome도 있따! ESLint 설치, 기본 설정 - package.json 추가 및 설치 (ESLint getting-started) yarn init yarn add --dev eslint - .eslintrc.js 생성 node_modules/.bin/eslint --init 알맞은 자신의 상황에 맞춰 선택지를 선택해준다. 그러면 아래와 같이 파일이 생성된다. module.exports = { "env": { "browser": true, "es2.. 2021. 5. 23. [Typescript] cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module. 타입스크립트 1일차 다음과 같은 오류를 만났다. 코드는 한줄밖에없는데 무엇이 문제일까..? src/js/index.ts:1:1 - error TS1208: 'index.ts' cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module. const i = 'holee'; console.log(i); > javascript-calculator@1.0.0 check-types > tsc src/js/index.ts:1:1 - error TS1208: 'index.ts' .. 2021. 5. 21. 이전 1 ··· 16 17 18 19 20 다음
