본문 바로가기

분류 전체보기

 (290)
[starter note] 개발자 과정을 시작하며 고민해 볼 것's ✅ Q1. 개발 공부가 처음이신가요? 처음이 아니라면, 어느 정도 기간을 가지고 어떻게 학습을 하셨나요? 📌 A1. 개발 공부가 처음이라 모든 것이 새롭습니다._ 들은 강의는 웹개발 종합반 강의과 javascript 기초이론, CSS기초강의가 전부 입니다. 특히 이번 웹미니프로젝트에서 git-hub으로 협업하는 과정이 상당히 어렵게 느껴졌습니다. 혹시 잘못 올려서 다른 팀원들의 자료가 날아가면 어떻하나 싶어서 push 과정에서 상당히 긴장했던 이번 첫 미니웹프로젝트였습니다. 개발공부의 시작인만큼 두려움도 있지만 설레이는 첫 시작의 열정을 가지고 함께 스터디하는 다른분들보다 더 열심히 하는 모습 보여드리겠습니다. ✅ Q2. 내가 항해99에 참여한 계기는 무엇인가요? 어떤 역량을 기르고자, 혹은 어떻게 성장..
떨리는... 깃 푸시(git push)과정 간단 요약 1️⃣ 내 로컬의 [main 브랜치]로 가서 git pull origin main 커맨드를 입력하여 원격 main 브랜치를 받아온다. 2️⃣ [개인 브랜치]로 가서 git merge main 해주고 내 로컬의 main과 내 브랜치와 합친다. 🔥 코드 충돌이 났으면 // HEAD 를 검색해서 충돌난 부분 해결하기. 3️⃣ 충돌난거 해결했으면 내 [개인 브랜치]에서 git add . 엔터해주고 4️⃣ git commit -m "파일명" git commit -m "food" 커밋 한 번 하기 5️⃣ 내 로컬 [main브랜치]로 가서 git merge 개인브랜치이름 git merge hyunjin01 6️⃣ 원격 main에 병합된거 최종본 올린다 git push origin main
초기 세팅 깃(GIT) 명령어 정리 ✅ git 명령어 입력하는 곳[터미널] [파일탐색기]에서 원하는 경로로 이동 >> cmd 입력 >> 관리자 창에 code . 엔터 >> vscode를 열어 터미널에 입력한다. (최초) 1️⃣ 현재 경로를 git 저장소로 만들어준다. git init {최초) 2️⃣ git clone + git 주소 입력 (초록 코드창을 열어 주소 Clone에서 HTTPS 주소 복사) git clone https://github.com/torong-dev/planner.git {최초) 3️⃣현재 경로와 연결된 git 원격 저장소의 정보를 확인 (연결된 원격 저장소가 없으면 아무것도 안 뜸.) git remote -v (최초) 4️⃣ 연결된 원격저장소와 연결을 끊어주고 git주소의 원격저장소에 있는 파일들을 현재 경로로 복제..
오늘의 음식 메뉴 추천 홈페이지 ✅ 웹미니프로젝트로 진행된 웹플래너의 추가 기능으로 오늘의 메뉴 추천 페이지를 맡게 되었다. navbar와 footer는 웹플래너의 공통요소로 사용되었고 main부분을 맡아 진행하게 되었다. 🔥 트러블슈팅 1️⃣ 우선 가장 난관에 봉착한 부분은 음식 이미지를 가져올 API 주소가 필요했는데, API의 이미지 엔드포인트 URL을 생성해야 하는데 방법을 찾지 못했고 결국 API KEY를 받아서 요청받는 형태로는 진행하지 못했고, 구글링으로 다른 분이 공유해둔 음식 이미지 API 링크를 가져와서 활용하는 형식으로 대체하였다. 그렇다보니, 메뉴의 수가 29개만 랜덤되는 제한이 있었다. 그래도 음식 이미지는 맛스러운 것을 찾아서 다행이었다. 휴. 2️⃣ 이미지 아래 버튼을 클릭하면 다음 음식 이미지로 넘어갈 뿐 ..
CSS / Javascript 파일 분리 ✅ CSS파일분리 : html에서 css를 우선 분리하기 위해 link 라고 치면 stylesheet가 형성된다. href에 style.css라는 파일명을 작성해준다. ✅ js파일분리 : html에서 JS를 우선 분리하기 위해 scripy 라고 치면 src가 형성된다. src에 ./를 하면food.js라는 파일명을 작성해준다.
momentum_체크박스+모달창 만들기 1️⃣ 중요한 일 나타내기 >> 2️⃣ 체크 박스, 삭제 아이콘 만들기 >> 3️⃣ 모달창 아이콘 만들기 >> 4️⃣ 모달창 클릭하면 나타내기 >> 5️⃣ 모달창이 뜨면 버튼 없애기 >> momentum_third.html Hello, Jessy. Today Publish Blog Post Add to the list
구글 모멘텀 앱 만들기 ✅ Plan >> 1. 구역 계획하기 ⇒ 2. HTML 쓰기 ⇒ 3. CSS 설정 하기 ⇒ 4. fetch 적용 하기 +30c 12:34 Hello, Jessy. What is your main focus for today? Have a nice day!
SQLAlchemy로 Database 조작하기 ✅ SQLite란? 작지만 빠르고 탄탄하므로 SQLite는 세계에서 가장 많이 사용되는 데이터베이스 중 하나 SQLite와 같은 데이터베이스에서 데이터를 다루기 위해서는 보통 SQL을 사용(ORM 이라는 걸 사용) ORM은 쉽게 얘기하자면 프로그래밍 언어(지금은 Python)으로 데이터베이스를 다루는 방법
[Netflix 클론코딩] Netflix 홈페이지 만들기 ✅ gnb 구역 / main 구역 만들기 진행 PLAN 1. 구역 계획하기 ⇒ 2. HTML 쓰기 ⇒ 3. CSS 설정 하기 ⇒ 4. fetch 적용 하기 + 호버 효과 홈 TV프로그램 영화 내가 찜한 콘텐츠 오늘의 영화 토르: 러브 앤 썬더 오늘 한국의 Top 10 영화 오늘 한국의 추천 영화
[Jquery + Fetch] 버튼 누르면, 다음 영화 리뷰가 나오게 하는 방법 ✅ 서버로부터 데이터를 받아온 데이터를 가공 ✨ 다음 버튼 누르면, 다음 영화 리뷰가 보이게 영화 버킷 리스트 다음

티스토리툴바