양갱의 개발 블로그

프로젝트에서 사용하는 DB는 Mysql을 사용하게 되었습니다. 흔히 프로젝트에서 DB와 연동하는 일은 한번쯤은 꼭 있습니다. 그래서 오늘은  기록용 겸 포스팅 겸 해서 올려보겠습니다.  저는 .env 환경변수 저장하는 파일 생성해서 DB에 접속하는 코드를 작성하도록 하겠습니다.  1. npm install mysql2npm install mysql2Node.js에서 MySQL 데이터베이스와 상호작용하기 위한 패키지입니다.mysql과 mysql2 가 있는데 mysql2이 계속 버전업 되고 있는 패키지입니다.(mysql2를 사용했습니다)   2. DB 연동하는 파일const mysql = require('mysql2/promise');console.log('db.js, ', process.env.DB..

https://school.programmers.co.kr/learn/courses/30/lessons/250137?language=javascript 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 확인 내용1. 1초 마다 bandage[1]만큼 회복2. 연속 성공 시 bandage[2]만큼 회복3. attacks 배열의 순서 [공격 시간(초), 피해량]   코드 로직1. attacks의 모든 공격이 끝나면 연산 종료이므로 마지막 공격의 시간 확인2. 초당 현재 회복량과 연속 성공여부를 확인3. 연속 성공 시 추가 회복 체력량 연산4. 마지막 공격의 종료 시점에서 현재 회복량 return  변수seco..

오늘은 Node.js에 대해서 알아보겠습니다.회사 들어갔다가 퇴사하고 3개월이 지났는데 아무것도 안하긴 너무 무료해져서 이것저것 해보고 있습니다 최근에는 SQLD 자격증도 따고 영어 공부도 하고 있답니다(물론 지금은 안하고 있지만ㅎ) 아무튼 그래서 사이드 프로젝트를 해보려고 합니다. IntelliJ로 스프링을 하면 좋지만, 예전부터 React를 했었고, Node.js도 사용해 보고싶었습니다 그래서 사이드 프로젝트를 React에서 TypeScript를 사용해보고 백엔드로는 Node.js로 구축하려고 합니다. 프로젝트 주제에 대해서는 다른 포스팅에 첫 글에 간단히 작성해보겠습니다. 매번 이해도 잘 안되고 깊이 있는 프로젝트를 해본 적이 없어서 차근차근 해보려고 합니다.   https://nodejs.org/..

Redux란? Redux란 JavaScript 애플리케이션에서 클라이언트 사이드의 상태를 관리하기 위한 오픈소스 JavaScript 라이브러리입니다. 주로 React나 Angular와 같은 사용자 인터페이스 라이브러리/프레임워크와 함께 사용되며, 애플리케이션의 상태를 예측 가능하게 만들어줍니다. React나 다른 뷰 라이브러리와 함께 사용할 수 있습니다. Redux는 매우 작지만 사용 가능한 애드온이 많습니다. Single Source of Truth(진실의 단일 출처) : Redux는 애플리케이션의 전체 상태를 하나의 JavaScript객체 트리로 저장합니다. 이 객체 트리는 "Store"라고 부르며, 이것은 앱 내에서 유일합니다. State is Read-Only(상태는 읽기 전용) : Redux에서..

AJAX를 이야기는 많이 들어봤는데 어떤 것인지 확실하게 몰라서 공부 겸 포스팅하게되었습니다! AJAX란? AJAX (Asynchronous JavaScript And XML)의 약자로, 웹 페이지를 새로고침하지 않아도 서버에 데이터를 요청하거나 보낼 수 있게 하는 기술입니다. 이를 통해 사용자 경험을 향상시키며, 서버와 비동기적 통신을 할 수 있습니다. 기존의 웹 애플리케이션은 브라우저에서 폼을 채우고 이를 웹 서버로 제출하는 방식이었습니다. 웹 서버는 요청된 내용에 따라서 데이터를 가공하여 새로운 웹 페이지를 작성하고 응답으로 되돌려 줍니다. 하지만 코드를 수정하거나 결과물로써 되돌려 받은 페이지는 유사한 내용을 가지고 있습니다. 이렇게 되면 HTML 코드를 모두 다시 한번 전송해야하므로 낭비가 될 ..

면접 준비를 하면서 공부하는 겸 블로그 정리하려고 합니다. 면접 질문 목록에서 자바스크립트와 React같은 프론트엔드 개발 질문 목록이다 보니 개념이 중요한 것같습니다. 그래서 기본적인 Javascript의 동작원리에 대해 공부하고 포스팅했답니다 자바스크립트( Javascript )의 동작 원리 자바스크립트 ( javascript )는 싱글 스레드 기반 원리로, 한번에 하나의 작업만 처리할 수 있습니다. 그러나 비동기 처리를 통해 여러 작업을 '동시에' 처리하는 것처럼 보일 수 있습니다.(Async인가요..?) Javascript 엔진은 Call Stack, Web API(블라우저 제공), Task Queue(Event Queue), Event Loop로 구성됩니다. ** JavaScript 엔진 : 자..