전체 글

4학년에 올라오면서 캡스톤 디자인을 하게 되었다. 다른 친구들은 내가 인턴을 나갔던 이전학기에 조를 나눈 상태여서 나는 모르는 사람 2명과 조를 이루어 하게되었다. 그래도 두분 다 성격도 좋으신것 같고 분업도 잘 된것 같아서 나름 첫 만남은 성공적이었던 것 같다. 먼저 우리가 만들게 될 작품은 'Chat GPT를 이용한 인공지는 비서' 이다. 흔히 알고있는 기가지니에 GPT를 합체한 느낌이라고 생각하면 된다. 조에 3D 모델링을 전문적으로 하는 분이 있어서 외형은 최대한 귀여운 캐릭터로 만들 생각이고 고개를 돌려 이야기하는 사람을 쳐다보는 기능도 추가할 생각이다. 필요 부품 먼저 필요할것이라고 생각되는 것들은 3D 프린터용 레진, 라즈베리 파이, 서보모터, 스피커, 마이크 이렇게 생각했는데 필요한게 나올..

안녕하세요 2024 정보처리기사 1회 필기 합격 후기입니다! 정보처리기사 필기시험은 문제은행 형식이라 가능한 cbt에서 문제를 많이 푸는 것을 추천합니다. 시험때도 cbt에서 풀었던 문제들이 나오므로 회차별로 5회 이상씩 풀고 해설과 함께 문제 자체를 외워버리면 쉽게 합격 할 수 있습니다. ++ 시험 점수는 시험이 끝난 후 가채점 점수 및 합격여부가 나오게 됩니다. 공식 발표는 3얼 13일에 나오므로 결과 캡쳐본은 3월 13일에 올리도록 하겠습니다. 시험 정보 📒 먼저 시험은 2020년 개정 이후 총 5단원으로 이루어져 있습니다. 단원별로 별표친 부분은 CBT 모든 회차에 나왔을 정도로 많이 나오는 유형이니까 많이 풀어주세요 소프트웨어 설계 (★☆ ☆ ☆ ☆ ) * 애자일 / 사용자 요구사항 소프트웨어 ..

오늘은 이전에 변경한 사이드바 카테고리 및 글을 정렬하는 방식을 변경했다. 먼저 지난 글에서 바뀐점은 다음과 같다. 변경된 점 사이드바 카테고리 깃허브 카드 플립효과 추가 글 정렬 디자인 변경 먼저 사이드바의 카테고리 디자인을 현재 UI에 맞게 수정했다. 현재 카테고리에 마우스를 가져다 대면 해당 카테고리가 선택되었다는 효과가 나타난다. 또한 깃허브 카드가 있던 박스에 내 명함을 넣고, 마우스를 가져다 대면 깃허브 카드로 뒤집히게 변경했다. 클릭시 내 깃허브로 이동하게 만들었다. 다음은 글의 정렬 디자인을 변경했다. 이 때 스크롤을 하며 페이드인 되는 효과를 구현했고, 화면에 없을 때에는 사라지도록 만들었다. 이제 내가 처음 구상했던 디자인은 모두 구현한 것 같다. 앞으로 어떤 부분을 수정해야할 지는 가..

오늘은 어제에 이어서 계속해서 티스토리 스킨을 만들었다. 만들면서 느낀건데 세상에서 디자인이 제일 어려운 것 같다. 디자인만 어떻게 완성되어 있으면 금방 하겠는데 다 만들고 나면 맘에 안들어서 엎고 다시하는 경우가 많았다. 그래도 나름 지금까지는 맘에 드니 다행이지만 제작 기간이 길어지면 또 바뀔 수 있을 것 같아서 최대한 빨리 끝내보려고 한다. 미리보기 오늘은 어제 못했던 글 내부에 자리를 차지하고 있던 area-common 을 없앴다. 메인에 집중하다보니 글 내부의 코드가 어떻게 되어 있는지 몰랐는데 글 내부에는 tt-body-page 라는 클래스가 있다는 것을 놓쳤다. 그래서 클래스를 추가하며 쉽게 고칠 수 있었다. 다음은 깃허브 바로가기를 만들었다. 먼저 전체 컨테이너를 a 태그로 감싸고 svg를..

최근 학교에서 나갔던 인턴 기간이 끝나며 나도 드디어 종강을 하게 되었다. 그래서 이 방학기간동안 티스토리 블로그 스킨을 만들어 보려고 한다. 이쁘게 만들면 내 포트폴리오가 되는거고 아니면 그냥 실력 쌓았다고 생각하면서 무지성 시작을 했다. 그런데 시작하자마자 디자인을 어떻게 해야할지 멘붕이 왔었다. 그래서 여러 사람들의 티스토리를 보며 영감을 얻어야겠다고 생각했다. 블로그를 정말 예쁘게 꾸민 분들도 많았고, 다른 사람들이 사용한 방법을 보며 여러 디자인을 생각해 보았다. 나는 내가 사용할 수 있는 기술들을 블로그에 조화롭게 넣는 것을 목표로 프로젝트를 시작했다. + 기본 스킨은 Odyssey를 사용했습니다. 초기 디자인 먼저 디자인 툴을 하나도 다루지 못해 냅다 ppt로 시작했다. 그 때는 포인트 색을..

회사에서 남는 시간을 이용해서 간단한 명언만들기 웹사이트를 만들어보았다. 사실 서버와 클라이언트를 연결하는 방법을 잘 몰라서 일단 하면서 배우자는 생각으로 했던거였는데 생각보다 금방 만들 수 있어서 재미있었다. 먼저 간단한 설명으로는 서버에서는 GPT api를 이용해서 검색어와 비슷한 명언을 만들어 달라고 요청한 뒤 프론트에 전송하고 프론트에서는 띄우는 간단한 웹사이트이다. 미리보기 간단한 원리는 아래 그림과 같다. 클라이언트가 검색어를 입력하면 서버에서 GPT에게 프롬프트를 추가해 GPT로 보낸다. 그 후에는 GPT에서 보낸 대답을 서버를 통해 클라이언트에 나타내게 된다. 다음은 실행 코드이다. Front (HTML) 띵언 만들기 \ Sidebar Dashboard Support About Logout..

앞서 종합 아케이드 게임기를 만들며 리듬게임을 만들어 보았다. 사실 그렇게 완성도도 높지 않고 아직 허술하지만 팀원과 함께 만들면서 재미도 있었고, 많은 노력이 들어갔던 만큼 완성했을 때 뿌듯함도 있었다. 그런데 노래선택을 할 수 없고, 메인 창이 없어서 되돌아가기도 못하기 때문에 그렇게 완성도 있는 작품이라고 하기엔 조금 허술한 점이 있다. 먼저 가장 핵심이 되는 노트가 내려오는 타이밍은 파이썬의 라이브러리인 librosa를 사용했다. 이 라이브러리를 사용하면 음악의 특징을 뽑아내서 템포에 맞춰 노트를 생성하는게 가능하다. 여기서 추가로 음의 변화에 따라 노트를 생성하고 싶었는데 라이브러리에 미숙한 탓인지 실패했다. 다음은 내가 코드를 작성했던 순서이다. 1. 노트가 내려오는 트랙 그리기 2. 노트 클..

드디어 어제 종강을 했다. 그동안 기말 프로젝트 때문에 시간도 없고 블로그도 안쓴지 너무 오래되어서 이번 기말 프로젝트로 만들었던 게임기를 포스팅해보려 한다. 하드웨어는 라즈베리파이와 스크린을 이용해 화면을 구성했고 스피커를 달아 사운드를 추가했다.. 또 게임기의 핵심인 컨트롤러는 3D 프린터를 이용해 외관을 구성하고 내부는 버튼, 조이스틱, LED 로 꾸몄다. 처음엔 위 사진처럼 빵판을 이용해서 사용하려 했는데 자꾸 선이 빠지기도 하고, 갑자기 발표 전날에 빵판 한 줄이 먹통이 되는 바람에 급하게 납땜을 했다. 또 라즈베리파이 특성상 아날로그 입력이 안되는데, 교수님이 만드신 X-bot 엣지보드를 이용해 조이스틱의 아날로그 입력을 가능하게 했다. 다음은 게임 알고리즘인데, 테트리스와 리듬게임의 이미지는..

곧 있을 기말 프로젝트 발표를 하기 위해 PPT를 만들었다. 그런데 욕심이 과했던 탓인지 디자인에 너무 꽂혀 3시간이 넘도록 PPT를 만들었는데 그 결과가 매우 만족스러워서 시간을 투자한 보람이 매우매우 있었다 ㅋㅋㅋ 그래서 제가 힘들게 만든 피피티를 공유하려고 블로그에 올리려합니다! 주제가 아케이드 게임이다보니 옛날 게임처럼 만들어 보려고 했는데 너무 팩맨만 있는 것 같기도 하고 암튼 동영상 먼저 봐주세요 ^^ 아 폰트는 여기 랑 여기에서 다운 받았습니다. 못찾으시는 분들 있을까봐 파일 올려놓을게요 암튼 템플릿이라고 하기에도 좀 그렇지만 힘들게 만들었다고 자랑할겸 올려놓은 PPT 입니다 가져가실 분 가져가세요~~~