StartCoriny의 개발일지

구조 분해 할당(Destructuring Assignment)이란? 배열 또는 객체의 구조를 분해하여, 그 값(분해된 속성)을 개별 변수에 담는 표현식을 의미합니다. 배열 구조 분해 초기화된 배열에서 값을 가져오려면 해당 값이 있는 인덱스에 접근해 가져와야 사용을 할수 있습니다. const arr = [1, 2, 3, 4, 5]; const firstvalue = arr[0]; const secondvalue = arr[1]; const thirdvalue = arr[2]; console.log(firstvalue, secondvalue, thirdvalue); // 1 2 3 위의 방법을 간단하게 해결할수 있는 방법이 있습니다. 배열에서 변수명을 선언해준뒤 arr의 값을 차례대로 할당받으면 됩니다. c..

화살표 함수란? 화살표 함수는 함수표현식보다 단순하고 간결한 문법으로 함수를 만드는 것입니다. 화살표 함수는 아래 함수처럼 문법의 생김새를 차용하여 지어졌습니다. let func = (arg1,arg2, ...argN) => expression 위 함수를 좀더 알아보기 쉽게 하자면 let add = (a, b) => a + b; 이렇게 할수가 있습니다. 말로 풀어 설명하면 add를 호출하면 a와 b의 인자 값을 받아와서 더한뒤 그값을 리턴한다입니다. 즉, 위 화살표 함수는 아래의 let add = function(a, b){ return a + b; } 이 함수의 축약형이라고 볼수가 있습니다. 훨씬 간단하고 알아보기 쉽게 함수를 만든 것입니다. 화살표 함수의 선언방법 1. 매개 변수가 한 개인 경우에는,..

필요한것 node.js를 설치 합니다. node.js - 자바 스크립트를 활용한 서버 사이드(server-side) 백앤드 개발이 가능한 소프트웨어 플랫폼 visual studio code를 활용하기 때문에 설치합니다. 확장(extension)쪽에서 code runner를 입력한뒤 설치해 줍니다. 그런뒤 콘솔을 출력하고 싶다면 ctrl + alt + n을 해주시면 됩니다. JavaScript 기초 // 1 [문자열 결합] console.log(2023 + 12 + '월' + 29 + '일' + true + null + undefined); //2035월29일truenullundefined // 2 [나누기] console.log(7/2); // 3.5 // 3 [몫구하기] console.log(parse..

객체지향프로그래밍이란?컴퓨터 프로그래밍의 패러다임중 하나입니다.프로그래밍에서 필요한 데이터를 추상화 시켜 상태와 행위를 가진 객체로 만들고, 객체들간의 상호작용을 통해 로직을 구성하는 프로그래밍 방법입니다.현실세계의 개체를 기계의 부품처럼 하나의 객체로 만들어, 기계의 부품들을 조립하여 제품을 만들 듯이 소프트웨어를 개발할때도 객체들을 조립해서 프로그램을 작성하는 기법입니다. * 컴퓨터 프로그래밍의 패러다임종류더보기 구조적 프로그래밍 (Structured Programming) - 기능 중심적 개발   * 프로그래밍이라는 기술이 시작되면서 가장 처음으로 적용된 패러다임  객체 지향 프로그래밍 (Object-Oriented Programming, OOP) - 프로그램의 처리단위가 객체인 프로그래밍 방법  ..

세션을 저장하고 사용하기 위한 두가지 모듈 저번 글에서는 사용 했던 모듈은 mysql, express, ejs, body-parser이 4가지 였습니다. 추가 • npm install express-session - Node.js 및 Express 프레임워크 기반의 웹 애플리케이션에서 세션 관리를 위한 미들웨어입니다. - Express 애플리케이션에서 세션을 쉽게 구현할 수 잇게 해줍니다. - 사용자의 상태를 유지하고 다양한 인증 및 권한 부여 기능을 구현하는데 도움이 됩니다. • npm isntall session-file-store - Node.js 프로젝트에서 세션 데이터를 파일 시스템에 저장하는 데 사용합니다. - 세션 데이터를 영구적으로 저장하고 관리할 수 있도록 도와줍니다. 모듈을 다 추가하였..

node.js에 MySQL을 연동하기 위해선 아래와 같은 모듈들을 다운받아야합니다. • npm install mysql - MySQL데이터 베이스에 연결하고 상호 작용하는 데 사용되는 Node.js드라이버입니다. - MySQL과의 통신을 처리하고 데이터베이스 쿼리를 수행하는데 필요합니다. • npm install express - express는 Node.js 웹 애플리케이션을 빠르고 간단하게 작성할 수 있도록 도아주는 웹 프레임 워크입니다. - 웹 서버를 만들고 라우팅 및 미들웨어를 통해 HTTP요청과 응답을 처리하는 데 사용됩니다. • npm install ejs -Node.js 프로젝트에 ejs(Embedded JavaScript)를 설치하는 명령어입니다. - EJS는 JavaScript 코드를 H..

자바 스크립트를 사용해서 CRUD를 간단하게 구현할수 있다는걸 알고 제대로 이해하기 위해 정리했습니다. 첫번째로 파이어 베이스에 연동을 해야합니다. 파이어 베이스를 사용할것인데 파이어 베이스 연동하기 힘드신 분은 아래 링크 보고 오시면 이해하기 쉽습니다. 미니 프로젝트 배포하기[파이어 베이스(Firebase)](1) 미니 프로젝트 배포하기[파이어 베이스(Firebase)](1) 파이어 베이스 구글이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼입니다. 개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심 기능에 집중 할 수 있도록 도와주는 플 startcoriny.tistory.com 위 내용의 설정을 다 했다면 일단 가장먼저 데이터 입력을 해서 파이어 베이스에 데이터가 들어가는지 확인해..

공부하면서 fetch기능을 사용하여 어떤식으로 작동하는지는 배웠지만 fetch가 뭐야? 라고 물어봤을 때 머릿속에 정리된게 없어서 이렇게 기록으로 남기게 되었습니다. fetch fetch 자체는 단순히 네트워크를 통해 데이터를 요청하고 응답을 처리하는 데 사용되는 JavaScript API입니다. 또한 Promise를 반환하여, 이를 통해 비동기적으로 네트워크 요청을 다룰 수 있습니다. 그럼 여기서 모르는게 두가지가 나왔습니다. Promise는 무엇이며 비동기적은 어떤 것이냐? 우선 비동기적부터 알아보자면 실행의 방법은 동기적과 비동기적 있습니다. 동기적(synchronous) 가장 직관적이 예로 로그인을 하고자 할 때 아이디와 비밀번호를 적은다음 로그인 버튼을 눌렀을 때 새로고침과 같이 페이지가 재로딩..