StartCoriny의 개발일지

필요한것 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) - 프로그램의 처리단위가 객체인 프로그래밍 방법  ..

KPT - Keep, Problem, Try 팀을 3개의 관점으로 나누면서 회고를 진행하고 꼼꼼하고 효율적으로 팀을 유지하고 발전할 수 있는 회고 방법론 중 하나입니다. 지난 프로젝트 부분을 돌아보며 문제점, 좋았던점, 발전할 점들을 정리하고 정리했던 과정들을 보며 다음 프로젝트시 더 성장할 수 있는 계기가 될 수 있었습니다. 이렇게 자유롭게 적어보고 나니 어떤점이 부족했는지 어떤점이 좋았는지 알수 있어서 팀의 발전을 야기 할수 있으면서 개인의 성장도 할수 있는 경험이 되었습니다. 지나가듯이 공부한 서버란? 서버는 컴퓨터라고 생각하면됩니다. 서버는 Server. 봉사자. 즉, 서비스를 제공하는 사람입니다. 우리의 노트북이 서비스를 제공한다면 노트북도 서버가 될수 있습니다. 서버는 모니터가 없는 컴퓨터이며..

프로젝트 소개 I - FIVE 우리 3조를 소개합니다! startcoriny.github.io I - FIVE 프로젝트란? I들이 5명 모여 팀원들을 소개하고 팀을 소개하며 여러 사람들의 응원메세지를 받아보고자 만든 프로젝트입니다. 처음 웹서비스를 만들고 배포하는 것이 처음이라 많은 아쉬움이 남지만 이번 아쉬움을 기회로 삼아 다음에는 같은 아쉬움을 남기지 않게 하기위해 작성해봅니다. 진행과정 부트 스트랩을 활용하여 전반적인 메인 페이지를 구현하였으며 자바스크립트와 NODE.JS를 활용하여 로그인 기능과 파이어스토어를 활용하여 응원메세지와 TODOLIST를 작성할수 있게 하였습니다. KPT KEEP - 좋았던점 • 코드리뷰를 계속 이어나가자! - 각자 작성한 코드를 설명할 때에 배우는 점이 많기 때문 • ..

세션을 저장하고 사용하기 위한 두가지 모듈 저번 글에서는 사용 했던 모듈은 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 위 내용의 설정을 다 했다면 일단 가장먼저 데이터 입력을 해서 파이어 베이스에 데이터가 들어가는지 확인해..

전반적인 TO DO LIST의 기능에서 추가 하는기능까지 밖에 구현이 안된 상황에서 TO DO LIST는 삭제 기능이 있어야 했습니다. firebase의 database를 기반으로 추가 및 조회 기능을 구현한 상황이여서 다른 데이터 베이스 말고 firebase로 삭제 기능을 만들어 보자하여 구현하게 되었습니다. 처음 시도는 삭제하는것이 추가하는것과 비슷하다고 생각을 하였습니다. 기록하기 버튼을 누르면서 내용이 데이터베이스에 저장되는 것이니 반대로 삭제하기 버튼을 누르면 데이터베이스에서 삭제하도록 하는 것을 생각했습니다. 그렇게 일단 삭제버튼부터 구현하였습니다. let temp_html = ` ${goal} `; $('#goalsContainer').append(temp_html) 일단 각각의 div. 즉..