전체 글 48

JS FULL STACK 6장 , Node.js express Todo앱 CRUD API 만들기

왜 공부? 지난 시간 Todo앱 DB 설계를 완성함. 해당 DB를 클라이언트(사용자)관점에서 이용할수있도록 사용자가 서버에 데이터를 요청(생성,읽기,수정,삭제)하면 해당 데이터에 대한 요청에 맞는 반환을 주도록 API를 만들기 위해 Node.js express 프레임워크를 사용한다고하였음 Todo API git hub GitHub - MkBaek0229/express_Todo_2024-01 Contribute to MkBaek0229/express_Todo_2024-01 development by creating an account on GitHub. github.com 만들기전 설치해준 라이브러리(npm) 개발환경셋팅 express : 웹 애플리케이션의 라우팅, 미들웨어, 요청 및 응답 처리 등을 쉽게..

JS FULL STACK 5장 , Node.js express

공부날짜 2023년 12월 28일 왜 공부함? 나는 지난 여름 javascript 언어를 중심적으로 공부하였고 javascript를 통해 웹앱을 만드는것을 목표로하고있다. 지금까지는 javascript 언어를 이용해 눈에보이는 프론트엔드영역에 대한 설계만을 해왔고 강의 팀프로젝트로 맛집 정보사이트를 구축하려고하였고 나는 프로젝트의 특정 기능 중 한가지인 맛에대한 키워드를 통해 맛집을 검색하는 기능을 만들어보려고하였는데 open api(카카오 api)를 이용해 맛집 정보를 불러오는 간단한 방법이 존재하지만 결국 내가 구현하려는 특정기능에서 맛이라는 키워드를 통해 맛집을 검색하기 위해서는 맛집에 대한 데이터들을 직접 설계해야한다는 사실을 깨닳았다. (식당이름 "~~~" , 매운맛 : 3점 , 짠맛 : 2점 ..

JS FULL STACK 4장 , Sql Query쿼리문으로 DB설계

왜 공부했지? 이전의 2장,3장에서 관계형데이터모델링을 배우기위해 선행조건으로 SQL query 즉 테이블 생성,조회,수정,삭제,join하는 방법을 숙지할것을 필요로하고있었다. 이전의 2장과 3장에서 데이터모델링을 배우면서 배웠던 핵심이 바로 중복의제거였으며 우리가 현실의문제를해결하기위한 서비스를 만든다고할때 현실의 문제 ex: 영화관 티켓을 오프라인으로 예매하던 시절 현실의 문제를 해결하고싶어 의뢰하러 개발자인 나에게 온 사람 ex :온라인으로 영화관예매를할수있지않을까? 웹서비스를 만들어줘! 일을 의뢰한 사람과 소통하면서 목적(영화예매사이트)을 달성하기 위해서 관계형 데이터모델링단계를 거침 1. 같이 만들 웹서비스 ui를 직접 그려보면서 업무파악 2. 개념적 데이터모델링 과정에서 개념들을찾음(영화예매웹..

JS FULL STACK 3장 관계형 데이터모델링(논리적 데이터모델링, 정규화)

3단계 논리적 데이터 모델링 Mapping Rule : ERD에서 표현한 내용을 관계형 DB에 맞는 내용으로 전환할떄 필요한 방법론 테이블과 컬럼생성하기 만들어둔 ERD를 기반으로 테이블과 컬럼으로 전환하기 위해 Ermaster와 같은 도구를 사용하거나 엑셀에서 직접표를 작성하거나 종이에 표를 그려가면서 만들수있는데 나는 강사님이 주신 ERD 툴인 ERD CLOUD를 이용할것이다. 장점 : 1.설치하지않아도 이용가능 2.우리가원하는 테이블과 컬럼의형태(표)로 엔티티를만들수있음 3.만든 ERD 다이어그램을 SQL 쿼리문으로 추출가능 4.다른프로젝트에서 사용되는 ERD 확인가능(오픈소스) 사용방법 정리블로그 ☁️ ERD CLOUD - ERD 다이어그램을 온라인에서 그려보자 ERD CLOUD 프론트엔드 작업을..

JS FULL STACK 2장 , 관계형 데이터모델링(업무파악,개념적 데이터 모델링)

공부한이유 강사님께서 본격적으로 sql에 입문하기에 앞서 관계형데이터모델링에대한 영상을 선행 시청하고오라고하셨다. 본 강의는 관계형 데이터베이스의 테이블을 설계하는 방법에대한 수업으로 관계형 데이터베이스에 대한 선행지식 (테이블 생성,조회,수정,삭제,join)을 알고있어야 한다. 나는 기본적인 테이블 생성 ,조회 ,수정,삭제,join에 대한 내용을 전공과목에서 이미 기본적인 부분은 공부해둔적이있어서 문제가없었다. 이전 1장에서 올렸던 얄팍한코딩사전같은 Youtube처럼 다양한 공개자료들이 많기 때문에 공부하는데 얼마걸리지않으니 찾아보면서 금방 익힐수 있을것이다. 관계형 데이터 모델링 www.youtube.com 데이터모델링 진행순서 1. 업무파악 우리가 하려는일은 무엇인지? 일을 의뢰한 사람 - 개발자의..

JS FULL STACK 1장 ,데이터베이스

공부 기간 : 2023년 12월 말경 (12월 18일 ~ 23일) SQL을 공부해야한다. SQL은 여러 관계형 DataBase Management System == DBMS (데이터 베이스 관리 시스템)에서 사용하는 기본적 언어이다. 데이터베이스를 조작하는 언어이다. (데이터베이스의 데이터를 조회 저장,수정,삭제) 데이터베이스? 데이터베이스가 무엇이고 왜 알아야하는지에대한 이유를 설명하기위해 3학년 1학기 데이터베이스 개론 강의 시간에 이용했던 전공교재를 오랜만에 꺼내보았다. 교재에서는 데이터베이스의 필요성을 다음과 같이 얘기한다. 데이터 베이스: 데이터를 정보로 정확하게 추출할수있도록 데이터들을 필요할떄 언제든지 사용할 수 있게 관리해두는 저장소이다. 데이터는 원유고 정보는 우유이다. 앞서 데이터를 ..

JS FULL STACK 목표로 공부시작

웹 개발공부를 시작하게된 계기 지난 23년 대학교 3학년 1학기를 마치며 여름방학때부터 과학기술정보통신부 지원하에 진행되는 sw전문인재양성 사업을 통해 다니고있는 대학교에서 교수님으로부터 sw 웹프론트엔드교육과정을 진행한다는 소식을 듣게되었다. 기존 4학년 혹은 졸업자들을 대상으로 진행하던 교육이지만 3학년까지 모집한다는 소식을 듣자마자 고민도 하지않고 해당 교육에 참여하고자 교육을 신청하게되었다. 나는 2022년 군휴학을 마치고 2학기에 복학을하지않고 1학기에 빠르게 엇복학을 하게 되면서 2학기 휴학을 하고난뒤부터 고민을 정말많이했었다. 당시 프로그래밍이라고는 파이썬으로 간단한 텍스트 가위바위보게임이나 pygame라이브러리로 간단하게 좌표를통해 공을 튕겨내는 간단한이벤트를 가진 게임정도만 만들줄 아는 ..

카테고리 없음 2024.01.07

Javascript - 음수를 양수로 바꾸는 방법 Math.abs()

array = [1, 2, -3, 4, -5] 에서 음수 (-3, -5)를 양수로 바꾸기위해서는 어떻게 해야할까 Math.abs()를 이용한다. Math.abs() 함수는 주어진 숫자의 절대값을 반환하게 되있다. 주어진 숫자가 양수 혹은 0 이라면 그대로 값을 출력할 것이고 주어진 숫자가 음수라면 반대값으로 양수를 줄것이다. 참조 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math/abs

JS - Null과 undefined의 차이점은 무엇일까?

노마드 코더의 바닐라js강의를 통해 얻은 지식이다. null vs undifined 공통점 : 둘다 변수(메모리주소의 다른 별칭)로써 선언은 되어 메모리 어딘가 에 존재한다. 의도적으로 빈 값을 할당하는 Null typeof(Null) // 'object' 값이 할당되지 않은 것이 undefined typeof(undefined) // 'undefined' 자료형이 애초에없다. 함수가 값을 Not return 해도 undefined를 반환한다. undefined == null은 True를 반환. undefined === null은 False를 반환. (자료형이 다르다!)

javascript 2023.08.09

프로그래머스 코딩테스트 입문 LEVEL0 가위바위보

가위는 2 바위는 0 보는 5로 표현합니다. 가위 바위 보를 내는 순서대로 나타낸 문자열 rsp가 매개변수로 주어질 때, rsp에 저장된 가위 바위 보를 모두 이기는 경우를 순서대로 나타낸 문자열을 return하도록 solution 함수를 완성해보세요. 제한사항 0 0 -> 5 //rps_Map객체의 키에 currentRps가존재하는지확인하기 // currentRps = 5 rps_Map : key 5 : value 2 존재 if (currentRps in rps_Map) { // 존재한다면 answer 배열에 존재하는 키의 값을 배열에추가함. answer.push(rps_Map[currentRps]); } } return answer.join(""); } 다른 사람 풀이: /* 가위는 2 바위는 0 보..