deVSner

interface ProcessEnv { [key:string] : 'string' | undefined; } 처음엔 저 부분을 잘 못 건드려서 에러가 난 줄 알았는데, 저걸 설정하고 나서, dbConnetction에 password를 password변수가 아니라, 123456 으로 지정해줘서, mysql 이걸 못찾는 거였다....

You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'AUTOINCREMENT, CREATE TABLE exercise_logs (id INTEGER PRIMARY KEY AUTOINCREMENT, type TEXT, minutes INTEGER, calories INTEGER, heart_rate INTEGER); 를 SQL에 입력했다. 곧바로, ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to yo..

뭐가 문제일지 모를 정도로 모든게 문제인 상황 비밀번호 입력도 안되고, 그냥 엔터쳐도 넘어가질 않고, 아우아우아우아우아우 1. 완전 재삭제가 먼저 일 거 같다. 1번의 단계보다 몇몇 단계를 더 거쳤는데, 너무 쉴새없이 하느라 기록에 남기지 못했다. 뭘해도 안되길래, 내가 선택한건 그냥 깔끔히 삭제하고 재설치를 하는 것. 아마 내가 설치 과정 중에 문제가 있었던 거 같았다. https://elfinlas.tistory.com/367 Ubuntu에서 Mysql 또는 MariaDB 완전 삭제하기 개발 초기 환경을 설정하고 설치 과정에서 문제가 생겨서 삭제 설치를 반복하다 보니 뭔가 꼬인것 같은 느낌이 들었다. 특히 DB... 원래는 Mysql을 사용하였는데, 이번에 Yona를 사용하게 되면서 Mari elfi..

배열이나 순회해야할 객체가 있을 때, 주로 어떤 구문을 사용하셨나요? 전 for 문, for in문을 위주로 사용했었는데, 이번 시간을 통해 for of 문을 통해 각각의 원소를 console.log찍을 수 있는 것을 직접 코드로 작성해보았습니다. 배열에서 for of 문이 가능한 이유는, 자바스크립트의 배열은 '이터러블/이터레이터 프로토콜'을 따르고 있기 때문입니다. 마찬가지로, const set = new Set([1,2,3]) const map = new Map([ [ 'a' , 1 ], [ 'b', 2 ], [ 'c', 3 ] ]) const set = new Set([1,2,3]) const map = new Map([ [ 'a' , 1 ], [ 'b', 2 ], [ 'c', 3 ] ]) 에 대..

const numbers = [1, 2, 3, 4, 5]; const doubled = numbers.map((number) => number * 2); console.log(doubled); 1. 여러개의 컴포넌트 렌더링 하기 엘리먼트 모음을 만들고 중괄호 {}를 이용하여 JSX에 포함 시킬 수 있습니다. 아래의 JavaScript map() 함수를 사용하여 numbers 배열을 반복 실행합니다. 각 항목에 대해 엘리먼트를 반환하고 엘리먼트 배열의 결과를 listItems에 저장합니다. const numbers = [1, 2, 3, 4, 5]; const listItems = numbers.map((number) => {number} ); ReactDOM.render( {listItems}, docum..

React에서는 원하는 동작을 캡슐화하는 컴포넌트를 만들 수 있습니다. 이렇게 하면 애플리케이션의 상태에 따라서 컴포넌트 중 몇 개만을 렌더링할 수 있습니다. React에서 조건부 렌더링은 JavaScript에서의 조건 처리와 같이 동작합니다. if 나 조건부 연산자 와 같은 JavaScript 연산자를 현재 상태를 나타내는 엘리먼트를 만드는 데에 사용하세요. 그러면 React는 현재 상태에 맞게 UI를 업데이트할 것입니다. function UserGreeting(props) { return Welcome back!; } function GuestGreeting(props) { return Please sign up.; } function Greeting(props) { const isLoggedIn =..

React 엘리먼트에서 이벤트를 처리하는 방식은 DOM 엘리먼트에서 이벤트를 처리하는 방식과 매우 유사합니다. 몇 가지 문법 차이는 다음과 같습니다. React의 이벤트는 소문자 대신 캐멀 케이스(camelCase)를 사용합니다. JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달합니다. 예를 들어, HTML은 다음과 같습니다. Activate Lasers React에서는 약간 다릅니다. Activate Lasers 또 다른 차이점으로, React에서는 false를 반환해도 기본 동작을 방지할 수 없습니다. 반드시 preventDefault를 명시적으로 호출해야 합니다. 예를 들어, 일반 HTML에서는 새 페이지를 여는 링크의 기본 동작을 방지하기 위해 다음과 같은 코드를 작성합니다. Click..

function tick() { //props로 받은 게 없다 const element = ( Hello, world! It is {new Date().toLocaleTimeString()}. ); ReactDOM.render( element, document.getElementById('root') ); } setInterval(tick, 1000); 이번 포스팅에서는 Clock컴포넌트를 완전히 재사용하고 캡슐화하는 방법을 배울 것입니다. 이 컴포넌트는 스스로 타이머를 설정할 것이고 매초 스스로 업데이트할 것입니다. function Clock(props) { return ( Hello, world! It is {props.date.toLocaleTimeString()}. ); } function tic..