본문 바로가기
반응형

etc./Project10

중고기기 거래 사이트 팀플 후기 Preface 취업 준비를 하면서 팀플 경험이 적어도 한 번 정도는 있어야 하지 않을까 하는 생각이 들었다. 남들 다 해보는 팀플인데, 나 혼자만 경험이 없으면 감점 요인이 될 것 같아 카카오 오픈 채팅, 당근마켓, okky 등 올릴 수 있는 모든 곳에 팀원을 구하는 글을 올렸지만, 일주일이 지나도 연락 오는 사람이 없어 어쩔 수 없이 혼자 주제를 선정하고 프로젝트를 시작했다. 그런데 다음날 다행히도 카카오 오픈 채팅에 한 분이 들어오셨다. 백엔드를 준비하는 분이셨고, 김영한님의 스프링 강의를 보며 공부한 점, 최대한 빠르게 프로젝트를 마치고 입사지원을 시작하고 싶은 점 등 나와 비슷한 부분이 많아 바로 팀 프로젝트를 시작했다. 팀원 분도 그렇고, 나도 그렇고 팀 프로젝트 경험이 없어 깃허브 브랜치 설정.. 2024. 1. 16.
중고기기 거래 사이트 v2 동작 영상 Preface 현재 노션을 통해 진행중인 프로젝트를 정리중인데, 무료 계정으로는 동영상 파일 업로드에 크기 제한이 있어 동작 영상을 따로 업로드한다. - 중고기기 거래 사이트 v2 동작 영상 2024. 1. 15.
중고기기 거래 사이트 v0 동작 영상 Preface 현재 노션을 통해 진행중인 프로젝트를 정리중인데, 무료 계정으로는 동영상 파일 업로드에 크기 제한이 있어 동작 영상을 따로 업로드한다. - 중고기기 거래 사이트 V0 동작 영상 2023. 12. 15.
카카오 책 검색 REST API를 사용한 웹사이트 제작 Preface 정보처리기능사 실기 시험 신청까지 시간이 남아 카카오의 검색 API를 사용해 간단한 책 검색 웹사이트를 제작해봤다. 카카오 API를 사용하는 방법은 조코딩님의 유튜브 강의를 참고했고, 부가적인 기능들은 생각날 때마다 하나하나 추가해가며 만들었다. 사실 모든 코드를 혼자 작성했다기보단, GPT에게 질문을 하며 필요한 부분들을 수정하는 방식으로 진행했다. CSS를 자주 사용해보지 않아서 그런지 중요 기능들을 수행하는 코드보다 CSS 코드를 작성하는 데 시간이 더 걸렸다. 또, 제작한 페이지를 깃허브에서 호스팅했지만, 인증키 노출 문제로 인해 현재는 중단한 상태이다. 깃허브의 action secrets를 사용하면 인증키를 숨긴 상태로 호스팅을 할 수 있을 것 같기도 한데, 아직 해결 방법을 찾지.. 2023. 7. 13.
Chat-GPT를 이용한 가상 피아노 Preface 최근 들어 chatgpt라는 인공지능 채팅 시스템이 화제가 되어 한 두번씩 사용해보던 중 이 기술을 사용해 간단한 프로그램을 만들어보고싶다는 생각이 들었다. 어떤 프로그램을 제작할지 고민하다가 개발을 처음 시작할 때부터 만들어보고 싶었던 가상 피아노 코드를 부탁해보기로 결정했다. 물론 처음부터 완벽한 코드가 출력되지는 않고 몇 번의 수정을 거쳐야 했지만, 단지 몇 분만에 간단한 가상 피아노 코드가 뚝딱 완성되었다. 처음 부탁한 코드는 키보드로 값을 입력받아 소리를 출력하는 코드였고, 두 번째로 부탁한 코드는 기존의 코드를 GUI 형식으로 화면에 출력하여 사용자가 건반을 누르면 소리가 출력되는 코드였다. 이후 두 번째 코드에 서스테인 기능과 계이름 출력 기능, 마우스와 키보드 두 가지 입력 .. 2023. 3. 7.
php, MySQL을 사용한 게시판 Preface 이전 글에서도 언급했듯 주먹구구식의 공부 방법을 배척하고 올바른 방향을 잡기 위해 동적인 웹사이트를 직접 제작해봤다. 사실 개발을 시작하기 전엔 정말 기본적인 기능만을 구현할 것이므로 몇 시간이면 결과를 뚝딱 낼 수 있을 줄 알았다. 분명 머릿속으론 완벽했는데, 뚝딱은 무슨 개발환경 세팅에만 뚝딱뚝딱뚝딱뚝딱 며칠은 걸렸다. 기존 계획은 visual studio code를 기본 IDE로 사용하는 것이었지만, 지난 실습 때 설치했던 XAMPP의 php를 vscode에 연동하기 위해 여러 블로그의 글을 무작정 따라하던 과정에서 뭘 잘못 건드렸는지 프로그램이 제대로 작동되지 않아 체념하고 노트북을 포맷했다. 결국 생활코딩 강의를 보며 MAMP를 설치한 후 atom IDE를 통해 실습을 진행하려던 .. 2022. 11. 8.
구글 클론 코딩 Preface 이번엔 구글 홈페이지를 만들어봤다. 워낙 화면 구성이 간단해서 쉽게 만들 수 있을 것 같다고 생각했었는데, 막상 교재 없이 모든 웹 요소를 하나하나 제작하다보니 시간이 꽤 오래 걸렸다. 전체적인 레이아웃을 구성하고 색상을 입히는 등 HTML과 관련된 간단한 CSS 작업은 막힘없이 진행할 수 있었는데, 자바스크립트를 사용해 숨겨놓았던 하위 메뉴를 표시하는 작업은 따로 책을 찾아보며 고민할 시간이 필요했다. 아, 그리고 이번 작업은 모든 웹 요소를 픽셀 단위로 제작했는데, 웹 페이지의 크기를 조절할 때마다 메인 로고와 검색 창의 위치가 바뀌는 것이 너무 신경쓰인다. 개강 전에 시간이 되면 그리드 레이아웃, 플렉스박스 레이아웃을 사용해 반응형 웹 페이지를 만들어보려고 한다. 이번엔 하위 메뉴를 .. 2022. 8. 19.
제주 여행사 웹 사이트 Preface HTML + CSS + JavaScript 책의 마지막 부분에 있는 웹 사이트 만들기 프로젝트를 진행하는 과정을 업로드한다. 한 번에 전부 완성하려 했지만, 이틀에 걸쳐 완성해야 할 것 같다. 다른 웹 사이트를 클론 코딩하기 전 연습한다는 생각으로 필요한 부분을 임의로 수정하며 책에 있는 코드를 따라 적고 있다. 처음엔 간단한 웹 사이트를 만드는 것 정도는 쉽게 할 수 있을 것이라 생각했는데, 예상했던 것 보다 신경 쓸 부분이 많다. 무엇보다 처음 큰 틀을 제대로 잡는 것이 정말 중요한 것 같다. 자세한 내용은 코드를 전부 완성한 후 이번 글에 추가하겠다. 모든 코드를 완성했다. 웹 사이트에 링크를 따로 연결한 것도 아니고 기본적인 형태만 만든 것 뿐인데, 시간이 꽤 오래 걸렸다. 그래도 .. 2022. 8. 12.
온도 측정 프로그램 Preface 최근에 파이썬 공부를 시작한 친구가 최솟값과 최댓값을 지정한 후 -999를 입력하기 전까지 입력받은 모든 값의 범위를 판단하는 온도 측정 프로그램 작성을 부탁하여 간단한 코드를 짜봤다. - 온도 측정 코드 min = int(input('최솟값을 입력하세요.: ')) max = int(input('최댓값을 입력하세요.: ')) true_lst = [] false_lst = [] while True: while -999 not in false_lst: temp = int(input('온도를 입력하세요.: ')) if min < temp < max: true_lst.append(temp) else: false_lst.append(temp) false_lst.remove(-999) print('t.. 2022. 3. 27.
프린트기 프로그램 Preface 어제 친구와 프린트기에 관한 이야기를 하던 도중 문득 프린트기에 사용되는 코드는 제어문 몇 개만 사용하면 금방 만들 수 있을 것 같다는 생각이 들어 짧고 간단하게 코드를 작성해봤다. 프린터와 컴퓨터의 연결 상태, 흑백 및 컬러 색상의 구분, 작성한 내용 (반복 or 순차)출력 등의 사항은 고려하지 않고 단순히 남은 자원을 통해 input으로 들어온 개수만큼 output을 출력하도록 코드를 구성했다. 막상 코드를 완성하고 나니 파일 이름만 거창하게 프린터라고 지었을 뿐, 단순 입출력 코드를 클래스로 구현한 것과 다름이 없어 조금 머쓱하다. 시간이 조금 지난 뒤 제대로 된 코드 완성에 다시 한 번 도전해야겠다. - 프린트기 코드 # 프린트기에 사용되는 코드 from typing import A.. 2022. 1. 24.