ybeen 님의 블로그

Part 1을 이어 Part 2에서는 프로젝트 생성에 이어 S3에 버킷 생성 및 CloudFront 배포 설정을 해봅시다먼져 이론으로 알아보고 가야할것 S3, 버킷, 객체S3AWS에서 제공하는 객체 스토리지 서비스대규모 데이터 저장 및 관리에 최적화된 서비스역할빅데이터를 안전하게 저장할 수 있는 공간을 제공객체 수명 주기(객체가 저장되어 삭제될 때 까지를 말함)를 이용해 데이터의 저장 기간을 설정하고 관리할 수 있음저장된 데이터에서 필요한 정보만 효율적으로 조회가 가능AWS의 다른 서비스와 통합되어 데이터 처리, 분석, 배포 등등 호환성이 높음버킷여러개의 저장소를 만들수 있는데 하나의 저장소를 버킷이라고 부름S3에서 객체를 저장하는 기본 단위역할데이터를 저장하기 위한 컨테이너 (전세계에서 고유한(유일한)..

서론- 도메인 연결의 필요성- 글의 목표 및 개요 (독자들이 이 블로그만 보고 배포부터 도메인 연결까지 쉽게 따라할 수 있게 정리하기) 준비사항- VScode를 이용해서 React 프로젝트 생성- 호스팅 서비스 (AWS S3 + CloudFront +  )도메인의 필요성디지털 시대에서 온라인의 존재감은 필수적웹사이트나 블로그를 운영하는데 있어 가치의 의미를 가지기 때문 검색 엔진에서 가시성을 높이기 위해 즉, 사용자들이 기억하기 쉽고 관련된 키워드를 포함한 도메인은 검색 결과에 높은 순위를 차지할 가능성이 높음정체성이 있는 주소 이름은 사용자에게 브랜딩과 기억하기 좋은 주소로 쉽게 다가갈 수 있음예를 들면 navigate-service.com보다 naver.com이 간략하고 사용자가 더 쉽게 기억하기 쉬..

블로그를 쓰기전 서론으로 시작해 학습내용을 알아보겠음  데이터베이스란 무엇인가요?(공통사항) • ORM(Object-Relational Mapping)이란 무엇인가요?• ORM의 장점이 무엇인가요 ? • Prisma란 무엇인가요?• Prisma의 장점이 무엇인가요 ?  ORM와 Prisma 개념과 장점에 대해 알아보자현대 소프트웨어 개발에서 데이터베이스는 필수적인 요소임데이터베이스는 애플리케이션이 데이터를 저장하고 관리하는 방법을 제공하며이 과정에서 ORM(Object-Relational Mapping)과 같은 기술이 중요한 역할을 함ORM은 객체 지향 프로그래밍 언어와 관계형 데이터베이스 간의 상호작용을 단순화하는 도구임이 글에서는 ORM와 Prisma 개념과 장점 그리고 Prisma라는 ORM 도구에..

오늘은 ReactRouter에 대해 실습을 해보는 날임앞서 프로젝트 생성이나 등등 생략하고cd project에서 npm i react-router-dom으로 설치해준다바로 본론으로 들어와Router를BrowserRouter에 App을 감싸 App 어디에서든 쓸수 있게 해줬다 코드 작성중 다르다 걸느꼇다보이시나요?? Routes와 Route를 완성할때마다 위에 자동으로 생성이 된다( import는 from으로부터 route, router를 가져와 쓴다는걸 명시해준다  ) 근데?Route와 Routes는 잘 써지는데 문제는 Route를 포함하는 Main,Detail, Search가 말썽이다Router가 설치가 안되있나?? 가보자vite-project안에 설치했어야 했는데상위 폴더인 project안에 설치를..

24/10/29소개안녕하세요 오즈 코딩 스쿨 풀스택 1기 박영빈입니다!제가 배운건 아직 Node.js와 express를 어제 끝마치고서 다음날! JAM 클래스를 듣게 되었습니다AWS JAM에 참여해 성장에 한걸음 다가갈수있다는 마음으로 참여하게 되었고 처음 외부활동과 더불어 동기들도볼 수 있는 시간이 있어 재밌는 하루가 되었습니다! JAM이란??AWS JAM은 Amazon Web Services(AWS)가 주최하는 해커톤 형식의 이벤트로, 참가자들이 AWS 서비스를 활용하여 창의적인 솔루션을 개발하는 대회입니다. 이 대회는 주로 팀 단위로 진행되며, 참가자들은 특정 주제나 문제를 팀과 함께 같이 해결하는 대회이기도 합니다. 우승목표우승 욕심은 없지만.. 1등하면 좋은거 같기도 하고..하지만 배우지 않았던..

Node.js 배우고 Express 첫 수업날 오전에 사정이 있어 빠지게 되었다...다행히 수업은 녹화가 되었고 Express를 vscode에 설치하는것부터 시작했는데첫 시작부터 갑자기 HTTP token 어쩌구 저시기 오류가 뜬다고 나온다..헤더 네임 머스트 비 어 ㅁㄴ러;ejgkah 솔직해 지자...나는 영어를 잘모른다번역해보자헤더 이름은 유효한 HTTP 토큰["{"]이어야 합니다. 눼??? JS파일을 살펴보자  선생님이 올린 강의 자료와 10분인가 넘게 봐도 틀린 부분은 없다 진짜로진짜 틀린부분은 없다 돌려보자 모듈이 없단다.. 분명 시작할때부터npm init -y 부터 시작해npm install express를 설치했다나는 치매가 아닌뒈?? 엥 뭐야 이거  아....하 ㅋㅎㅋㅎㅋㅎㅋㅎㅋㅎㅎㅋㅎ문득..

나는 Window랑 Mac랑 같이 병행하며 공부한다 (Mac은 부트캠프 참여하여 대여받은것이다)왜냐면 두개 다 써보고 싶은건 내 욕심ㅎㅎ.. 물론 두배로 손이 간다그러면서 에러나 문제이슈시 해결방안도 두배로 찾아봐야함 (사서 고생하는 스타일) 데이터베이스를 배우며 MySQL 다음MongoDB를 배우기 위해 프로그램을 다운 받으며 진행하였다설치가 끝나고MongoDB 서비스를 시작을 하기위해 여기까지는 순조로웠다.. MongoDB compass를 실행하고Add new connection버튼을 눌렀는데connect ECONNREFUSED 127.0.0.1:27017 Error 발생......하.... 스트레스 너무 받는다..다들 한번씩은 있을것이다 설치하다 에러가 뜨면 막막함부터 앞선다는걸... 왜 이런 에러..

조건문 (if, else, switch)반복문 (for, while, do-while)  1. 조건문 if 문특정 조건이 참(true)일 경우에 특정 블록 코드를 실행let score = 85;if (score >= 60) { // (특정 조건) console.log("합격입니다.");}  if-else 문조건에 따라 서로 다른 코드 블록을 실행let score = 75;if (score >= 90) { console.log("A");} else if (score >= 80) { console.log("B");} else if (score >= 70) { console.log("C");} else { console.log("F");}// 이런 식으로 여러 조건을 처리 가능  ..