[Vanilla JS] 벽돌깨기 게임 만들기
·
Front-end/project
👨‍💻 시작한 이유바닐라JS로 더 만들 수 있는걸 찾는 도중에 벽돌깨기를 웹 페이지 상으로 만들 수 있다는걸 알게 된 후에 평소에 게임을 좋아했던 저라 호기심을 갖게 되어 시작하게 되었습니다.👨‍💻 시작 이후 고비저는 자바스크립트를 어느정도 한다고 생각했습니다.. 근데 그건 제 오해였습니다. 아무것도 못 했고 구현을 해야하는데 감도 하나도 안잡혔습니다. 그래서 결국 구글링에 의존해서 하기로 했고 결국 MDN 사이트에서 자체 제공하는 벽돌깨기를 참고해서 만들어봤습니다. 👨‍💻 결과HTML css * { padding: 0; margin: 0; } canvas { background: #eee; display: bloc..
[Vanilla JS] 전역일 계산기 만들기 (feat. 군대에서)
·
Front-end/project
👨‍💻프로젝트 회고프로젝트를 시작 한 이유 https://javascript-mini-projects.netlify.app/ 에서 바닐라 자바스크립트 프로젝트들을 찾다가 새해 카운트 프로젝트를 찾았습니다. 보다보니까 새해 카운트보다 아직 군대에 있으니까 전역일 카운트를 만드는게 어떨까? 라는 생각으로 전역일 계산기를 만들어봤습니다기간3시간 정도 걸렸습니다 느낀점setInterval 과 clearInterval 부분을 사용하며 제가 모르는 부분을 확인하고 타이머 구현이 가능했습니다처음으로 깃허브를 푸시하는 과정에서 깃허브 저장소와 관련된 공부도 했습니다 (깃 주소)시간이 더 주어진다면setInterval 을 찾아보는 과정에서 가장 큰 문제를 발견하게 되었는데 바로 다른 탭으로 이동하거나 브라우저가 백그..
[Vanilla JS] 영화 예매 사이트 만들기 (feat. 군대에서)
·
Front-end/project
👨‍💻프로젝트 회고 프로젝트를 한 이유바로 전 글에서 볼 수 있는 프로젝트로 '숙박 엑셀 자동화 페이지'를 만들었었는데 제가 많이 부족하다고 느꼈고 "JS, CSS부터 다시 배워보자!" 하고 바닐라 JS 프로젝트를 찾아보던 중 https://seatbookingapp.netlify.app/ 이 사이트를 참고해서 만들게 됐습니다기간5시간 정도 걸렸습니다느낀점이 토이 프로젝트를 시작하면서 '숙박 엑셀 자동화 페이지'에서 깎였던 제 자존감이 많이 올라갔습니다아직도 부족한 점도 많고 인터넷의 도움을 받아야 하긴 하지만 이렇게 하나하나 세밀하게 배워가면서 제 프로젝트에 직접 적용할 수 있다는 게 너무 즐겁습니다👨‍💻 코드 짜기 아래의 코드는 제가 생각했을 때 가장 쉬운 것부터 만들고 어려운걸 나중에 만드는..
숙박 엑셀 자동화 페이지 만들기
·
Front-end/project
👨‍💻토이 프로젝트 회고 토이 프로젝트를 시작한 이유 유데미 강의를 들으면서 문뜩 "내가 지금 이렇게 하는게 맞나?", "이해를 하지도 못하면서 강의만 계속 보는게 무슨 도움이 될까?" 에서 시작해서 제대로 공부해보기 위해서  토이프로젝트를 시작하게 됐습니다 기간2.3 ~ 2.7 문제상황웹과 앱에서 호텔 사이트 예매시에 자동으로 예매자 정보가 적히지만 전화 예매 시에 엑셀이나 엑셀을 못 다룰 시에 수기로 적어야 한다는 단점이 있습니다 해결 하고 싶은 부분웹을 사용해 UI 를 개선하고 사용자 편리화를 하고 싶었습니다 느낀점토이프로젝트를 하면서 나름 즐거웠지만 후반으로 갈 수 록 흥미를 점점 잃어버렸습니다 그 이유로는  1. 짧게 잡은 기간 2. 실력 과대평가로 뽑을 수 있을 것 같습니다 너무 촉박한 기..
[SQLD] 2024년 55회 군대에서 SQLD자격증 합격(IT 관련학과)
·
자격증
SQLD를 선택한 이유1. 단기적2. 군생활하면서 공부해도 무리 🙅‍♂️3. “백엔드 공부하기 전에 매우 유용하지 않을까?” 라는 생각(때문에 60점을 바라보는게 아니라 실무 능력도 챙기자라는 생각으로 문제만 달달 외우지는 않았다)SQLD 공부 기간(필자는 군인 신분으로 일반 공부법 기간에서 많이 차이 날 수 있다)9월 1일부터 11.17일 시험 당일까지 공부했습니다훈련이 많은 부대여서 도중에 공부를 못할 걸 생각하면서 계속 꾸준히 했습니다SQLD 공부 방법1. 책으로 개념 공부하기https://m.yes24.com/Goods/Detail/126348790 2025 SQLD 모든 것 - 예스24최신 출제경향을 철저히 분석하여 반영한 최신 SQLD 수험서다. 많은 수험생이 SQL 쿼리문제 풀기를 포기하고..
백준 10810번 Python - 단계별 차근차근 풀어보기
·
알고리즘/백준
📝문제 출처 :https://www.acmicpc.net/problem/10810   고민하기    📝답n, m = map(int, input().split()) baskets = [0] * nfor idx in range(0, m):    i,j,k = map(int, input().split())    for pos in range(i, j+1):        baskets[pos-1] = k        for i in range(len(baskets)):    print(baskets[i],end = ' ')n으로 바구니의 개수를 지정해준다 이때 0을 넣어 바구니를 항상 초기화 시켜줍니다m은 공을 넣을 개수이다 즉 i,j,k 가 몇번 써야하는지 결정해주는 수idx 는 m을 반복하는 반복문이다 ..
군대에서 코딩 공부하기
·
기타
군대에서 코딩이 가능하다고 ?저는 사이버지식정보방(이하 사지방) 이라고 불리는 곳에서 현재 코딩을 공부하고 있습니다 혹여나 사지방에 자리가 찬 경우나 못 가는 경우에는 유데미에서 강의를 들으면서 따로 노트에 손 코딩 or 핸드폰 어플로 코딩을 하면서 계속 파이썬 과 프론트엔드 영역에 대해서 공부하고 있습니다코딩 공부 방법?위에서 이야기한거처럼 저는 개인정비 시간(평일 약 2 시간 주말 5시간 이상) 에 사지방에서 유데미를 보면서 공부하고 있습니다 혹여나 못 갈 경우(근무 또는 훈련)에는 핸드폰으로 손코딩을 하거나 컴퓨터 과학 공부 , 코딩테스트 를 공부하며 졸업 후 인턴을 목표로 계속 공부해가고 있습니다공부할 때 도움이 되는 툴유데미 값 싼 강의로 정말 많은 분야를 공부하고 있다 ..
맥OS에서 error: externally-managed-environment 해결하기
·
Trouble Shooting
🎈문제 상황 파이썬 강의를 듣다가 pandas를 깔아야하기에 터미널에서 pip install pandas를 했는데zsh: command not found: pip가 떠버렸습니다....  문제를 해결하기 위해 구글링을 했습니다 https://velog.io/@lkr1111/zsh-command-not-found-pip (참고 사이트)  zsh: command not found: pip맥북에서 flask실행을 위해서 pip install flask라고 명령어를 실행하였다.zsh: command not found: pip 라는 오류메시지를 반환하였고찾아보니 라고 명령어를 치면 나오는 주소를 확인하고나는 .zshrc 파일에velog.iosource ~/.zshrc라는 명령어를 쳐보니까 command not f..
tkinter에서 이미지를 못 읽을 때 (Python)
·
Trouble Shooting/Python
🎈 문제 해결 방법 https://pypi.org/project/pillow/ 에서 PIL 를 다운받고 from tkinter import * from PIL import ImageTk, Imagebg_img =ImageTk.PhotoImage(Image.open('./images/right.png'))처럼 적용하니 해결할 수 있었습니다(_tkinter.TclError: couldn't open "right.png": no such file or directory 에러해결) + 나중에 안 사실 맥북에는 기본적으로 설치되는 default-파이썬이 존재하지만 매우 낮은 버전이라 tkinter GUI를 캐치하지 못했던 것이였습니다 이는 PIL을 깔 필요 없이 homebrew를 이용하여 파이썬을 다운하면 되는..