digital520

4박 5일간의 위니브 바이브코딩 캠프 도전기와 프로젝트 [Thread 1: 인트로 & 도전 시작]🚀 1월 5일, 바이브코딩(Vibe Coding)의 시작!제주 게이미피케이션 여행 앱 의 랜딩페이지를 개발하고 배포까지 마쳤습니다.그 치열했던 4박 5일의 개발 기록과 기술 스택을 공유합니다. [Thread 2: 프로젝트 소개 & 백엔드]🍊 Project: Jeju Quest 랜딩페이지제주 여행에 게임 요소를 더한 서비스의 시장 검증을 위한 랜딩페이지입니다.🛠 Backend Tech Stack안정적이고 빠른 개발을 위해 Python 생태계를 선택했습니다.* Lang: Python 3.11 * Framework: Django 5.x* Server: Gunicorn (WSGI)* DB:SQLite (개발/배..

위니브 바이브코딩 참가 후기올해 새해 첫 번째 목표는 분명했다.바이브코딩을 통해 내가 직접 만들고 싶은 서비스를기획하고, 개발하고, 배포까지 해보는 것.그래서 책도 사서 보고,동영상 강의도 구매해 실험도 해 보았다.하지만 혼자서는 늘 어딘가 막히는 느낌이 있었다.그러던 중위니브 바이브코딩 1기 캠프가 열린다는 소식을 접했고,고민 없이 바로 신청했다.위니브는 제주를 대표하는 ICT 교육 콘텐츠 기업이다.과거 이호준 대표님의 데이터 분석 여름 특강을 수강한 경험이 있었기에 이번 바이브코딩 캠프 역시 믿고 선택할 수 있었다.솔직히 기대도 컸다.그리고 보통 기대가 크면 실망도 따르기 마련인데…이번 캠프는 달랐다.1월 5일, 첫 강의.4박 5일 동안 기획 → 개발 → 배포까지 완주한다는 커리큘럼에 설렘과 긴장이 ..

5-1. 주식 투자 포트폴리오 미리보기 5-2. 주식 투자 포트폴리오의 프로그래밍적 원리 이해하기 Dictionary 자료형 JavaScript에는 DIctionary(딕셔너리, 사전)라는 자료형이 있습니다. 딕셔너리는 비슷한 형태의 많은 값들을 저장할 때 유리합니다. 우리는 여러 주식 종목을 딕셔너리를 사용해서 저장하려고 해요. 딕셔너리는 아래와 같이 사용합니다. 종목 평단가 보유수량 var stocks = { "삼성전자": { price: 20000, amount: 2 }, "아마존": { price: 30000, amount: 3 }, "애플": { price: 40000, amount: 4 }, }; 딕셔너리에 저장되어 있는 값을 가져오려면 다음과 같이 코드를 작성합니다. 만약 삼성전자의 정보를 ..

6-1. AWS에 배포하여 미리보기 드디어 우리가 만든 웹 서비스를 세상에 공개할 시간입니다! 우리는 전세계에 우리가 만든 서비스를 공개하기 위해 AWS(아마존 웹 서비스)를 사용하려고 합니다. 💡 아마존닷컴의 클라우드 컴퓨팅 사업부. 현재 클라우드 컴퓨팅 분야에서 압도적인 세계 1위를 차지하고 있으며 2022년부로 16주년을 맞는 다국적 기업이자 역사상 가장 큰 IT 및 클라우드 기업 중 하나로 마이크로소프트, Apple, Google과 함께 MAGA의 일원이다. AWS 회원가입 아래 주소에 접속하여 회원가입을 진행합니다. 아래와 같이 이메일 주소와 계정 이름(영문)을 입력하여 진행합니다. AWS 회원가입: https://portal.aws.amazon.com/billing/signup AWS Cons..

4-1. 일기장 미리보기 4-2. 일기장의 프로그래밍적 원리 이해하기 사용자로부터 입력받을 값 우리는 날짜마다 한 줄 일기와 기분을 저장할 수 있는 일기장을 만드려고 합니다. 하루치의 일기에 저장되는 값들은 다음과 같습니다. 날짜 (년-월-일) 한 줄 텍스트 기분 (행복, 보통, 슬픔) - HTML에서 기본 제공하는 Select box 또는 이모지(emoji) 😠 😞 😐 😊 😃 - 오픈소스 라이브러리 사용 일기장을 저장하는 방법 우리는 JavaScript의 로컬 스토리지(Local storage)를 활용하여 사용자가 입력한 일기장을 저장할 겁니다. 로컬 스토리지는 여러분들의 브라우저에 저장되므로 다른 컴퓨터 또는 기기에서 접속할 경우 저장한 값을 볼 수 없다는 단점이 있지만 그만큼 안전하다는 장점도 있지..

3-1. 대출 이자 계산기 미리보기 파트2에서 만든 계산기를 응용하여 이번엔 대출 이자 계산기를 만들어보도록 하겠습니다. 3-2. 대출 이자 계산기의 프로그래밍적 원리 이해하기 원리금균등상환 방식 우리는 원리금균등상환 방식의 대출 이자 계산기를 만들겁니다. 💡 대출 원금과 이자를 더한 금액을 만기일까지 균등하게 상환하는 대출 상환 방식입니다. 가장 일반적인 상환 방식으로 매달 내야 하는 납부금이 동일하기에 자금 관리 면에서 유리한 방식이죠! 예시를 하나 들어봅시다. 우리가 1000만원을 연 10%의 금리로 12개월 원리금균등상환으로 대출받았다고 해봅시다. 단순히 1000만원의 10%이니 이자가 100만원이다!라고 생각할수도 있지만 실제로는 그렇지 않습니다. 매달 지날 수록 원금이 줄어들기 때문에 이자도 ..

2-1. 사칙연산 계산기 미리보기 2-2. 사칙연산 계산기의 프로그래밍적 원리 이해하기 사용자가 입력하는 것은 무엇인가 웹서비스를 기획하기 앞서 우리는 먼저 사용자 입장에서 생각해야 합니다. 계산기를 사용하는 사용자는 어떤 행동을 해야하는지가 중요해요. 1차적으로 우리가 만드는 사칙연산 계산기는 단순하게 3가지를 입력받도록 할겁니다. 첫 번째 숫자 두 번째 숫자 연산자 (더하기, 빼기, 곱하기, 나누기) 입력받은 값을 어떻게 처리할까 일단 4개의 연산자 중 더하기부터 생각합시다. 프로그래밍은 아래의 순서대로 실행되어야 합니다. 첫 번째 숫자를 (어딘가에) 저장한다. 두 번째 숫자를 (어딘가에) 저장한다. 첫 번째 숫자와 두 번째 숫자를 더해서 더한 결과를 저장한다. 더한 결과를 표시한다. 가장 효율적인 ..

1-1. 웹 서비스 수익 확인하기 구글에 여러가지 웹 서비스를 검색하여 예상 방문자 수, 예상 페이지 조회수를 통해 예상 수익을 계산할 수 있습니다. 구글에 “온라인 메모장”이라고 검색해서 가장 상단에 나오는 웹사이트에 들어가봅시다. 온라인 메모장 웹 서비스 오른쪽과 아래쪽에 구글 광고가 삽입되어 있습니다. 이 페이지의 월간 방문자 수와 페이지 조회수를 예측해주는 웹사이트인 시밀러 웹(https://www.similarweb.com)에서 트래픽을 확인해보겠습니다. 이 웹사이트의 2022년 9월 기준 월간 방문자(Total Visits)는 557.9K로 55만 방문자이며 방문자 당 둘러본 페이지 수(Page per Visit)는 1.47개 입니다. 월간 총 페이지 조회수는 아래처럼 계산할 수 있습니다. 월..

강의 소개 웹 프론트엔드를 위한 자바스크립트 첫 걸음 강의는 ✅ 자바스크립트의 꼭 필요한 개념들을 빠짐없이, 친절하게 설명합니다. ✅ 다양한 시각 자료를 통해 심화 개념들을 쉽게 이해할 수 있습니다. ✅ 색다른 프로젝트를 통해 배운 내용을 복습합니다. ✅ 다양한 기술들을 습득할 수 있는 프론트엔드 개발자로 성장할 수 있습니다. 강의를 마친 다음에는 이런 모습이 될 수 있어요. 💡 웹 프론트엔드 개발자로 성장할 수 있습니다. 💡 자바스크립트 기본 개념에 대해 완벽히 이해하고, 쓸 수 있습니다. 💡 최종 프로젝트에서 더 나아가 다른 기능의 웹 페이지도 스스로 개발할 수 있습니다. 💡 자바스크립트 심화 개념들을 스스로 학습해 볼 수 있습니다. 💡 자바스크립트 기반의 다양한 라이브러리와 프레임워크를 학습할 수 ..

투자 유치 준비하기 사업 성장 계획을 타인에게 공유할 수 있도록 구조화 할 수 있다. https://www.notion.so/530cbeb6403c4b5f93a82c3f667f37dc?pvs=4#14c65f753ad24954bb13407dd0d92200 투자 유치 준비하기 | Notion 실시간 강의에서 실습해 본 학습 내용을 토대로 투자 유치를 준비해 봅니다. legend-palm-1f1.notion.site 📌 실시간 강의에서 실습해 본 학습 내용을 토대로 투자 유치를 준비해 봅니다. 정부 지원 사업 등에서 활발히 사용하는 PSST 사업계획서 양 식을 활용하여(수업 중 파일로 공유 예정) 사업계획서를 작성한다 더보기 표준사업계획서 드라이브 링크 - https://drive.google.com/driv..