K_blueprint

지난 4월 29일(화)부터 전공 팀 프로젝트 과제를 하게 되었습니다:D 해당 카테고리는 프로젝트 기간 동안 제가 공부하고 진행한 내용을정리해 두는 '개발일지'입니다. 혹여나 읽으시다가 더 좋은 방법이 있거나 잘못된 정보 및 코드 내용 등이 있을 시에편하게 댓글 달아주시면 배우는 마음으로 감사히 새겨듣겠습니다:D [ 프로젝트 조건 ]Express서버를 사용하여 웹 페이지를 구현해야 합니다.SPA 방식을 사용해야 합니다.회원가입, 로그인, 게시판, 댓글 기능이 있어야 합니다.진행 과정을 모두 기록하고 3주 뒤 최종발표를 진행합니다. [ 프로젝트 개요 ]해당 프로젝트는 '전공문제 공유 플랫폼'을 개발하는 프로젝트입니다.프로젝트의 기간은 약 3주이며, 팀원은 총 4명입니다.오프라인 미팅은 약 2회 진행합니..

최근 교내에서 뜻이 맞는 2명과 함께 작은 프로젝트를 진행하게 되었습니다. 해당 카테고리는 프로젝트 기간 동안 제가 공부하고 진행한 내용을정리해 두는 '개발일지'입니다. 혹여나 읽으시다가 더 좋은 방법이 있거나 잘못된 정보 및 코드 내용 등이 있을 시에편하게 댓글 달아주시면 배우는 마음으로 감사히 새겨듣겠습니다:D [프로젝트 개요]해당 프로젝트는 '학습 도우미 웹앱'(aka. 러닝메이트)을 개발하는 프로젝트입니다.프로젝트의 기간은 약 7주이며, 팀원은 총 3명입니다.필요에 따라 교수님의 자문을 구할 예정이며 주 1회 오프라인 미팅을 진행하는 것을 원칙으로 합니다. [프로젝트 아이디어 분석]학생들이 학습 자료(pdf, hwp, ppt 등)를 업로드하면 해당 내용을 GPT API를 활용하여 분석하고..

안녕하세요! 최근 길벗출판사에서 진행하는'길벗 27차 개발자 리뷰어 모집'프로그램에 선정이 되어그에 따른 간략한 도서 후기를 적어보려고 합니다. '코딩 자율학습 SQL 데이터베이스 입문'-기초부터 활용까지 입문자를 위한 SQL 자습서- 제가 선택한 도서는 SQL 데이터베이스와 관련된 입문서적인데요아래 링크에서 바로 확인해 보실 수 있습니다:D https://www.yes24.com/product/goods/142078601?ReviewYn=Y 코딩 자율학습 SQL 데이터베이스 입문 - 예스24실습 중심의 반복 학습으로SQL 초보자에서 능력자되기데이터베이스의 전반적인 개념과 동작 원리를 이해하고 SQL 쿼리 작성법을 배운다. 실습은 무료로 사용할 수 있는 MySQL로 진행하며, 윈도우www.yes24.co..

오늘은 23일(일요일)에 '제로베이스'에서 진행했었던'코딩테스트 정복법' 온라인 세미나 간략 정리글을 남겨보려 합니다!   해당 세미나의 진행은 아래와 같이 진행되었습니다.1부 - 국내 코딩테스트 트렌드22년~25년도 코테 기출문제로 보는 기업 코테 트렌드2부 - 백준 님의 실전 문제 풀이(3문제)격차 / 터치미션 / 자신감 점수  2부는 최백준 님의 단순 문제풀이 시간이었기 때문에1부의 내용만 정리해 보았습니다.  [1부 내용 요약]코테(코딩테스트란?)개발자를 채용하는 데에 있어 최소한의 개발 스킬인 '자료구조', '알고리즘', '코드 구현력'을 종합적으로 평가하기 위한 도구자료구조 : 데이터의 저장 방식과 저장된 자료를 효율적으로 사용하는 연산알고리즘 : 문제를 해결하기 위한 방법채용 흐름도22년도 ..

안녕하세요!오랜만에 돌아왔습니다:D 오늘은 지난 6개월간 해왔던 현장실습을 마무리하며전체적인 후기 및 느낀 점을 적어보려 합니다. 이번 글은 두서없이 적을 예정이라 편하게 봐주시면 될 것 같습니다!   [ 결 산 ]실습 기관에서 제가 할당받았던 업무는'현장실습 중간 점검'포스팅에서 확인하실 수 있듯 크게 아래의 3개였습니다. 1. 모바일 페이지 템플릿 생성 및 베이스 작업2. 웹/모바일 홈페이지 유지보수 작업3. 모바일/웹 홈페이지 기획 결과적으로 많이 사용했던 언어로는 'HTML', 'CSS'가 있었고도구로는  'PPT', '누끼제거', 'Hex 색상 추출기'등 이 있었습니다. 네... 이제 와서야 말하지만 아무래도 프로그래밍이랑은 거리가 좀 있기도 하고처음에는 돈만 받고 크게 도움 되지 않는 허송세월..

안녕하세요! 오늘은 어제 응시해서 합격한 정처기 필기시험에 대해간단한 후기를 적어보려 합니다:-) 합/불 확정여부를 바로 알 수는 없지만CBT는 시험 종료 후 가채점 결과가 바로 나오게 되기 때문에여기서 확인할 수 있는 점수에서 거의 변동이 없다고 해서평균 77점을 받게되어 합격을 확신할 수 있었습니다.    [ 공부 기간 ] 먼저 저는 올해 2025년도 1회차 필기시험을 보았고학습 기간은 한 달가량 되었었습니다! 현재 현장실습을 병행하고 있어서 퇴근 후에 공부를 했었고퇴근하면 피곤해서 많은 시간을 투자하지는 못했습니다... 만! 그래도 한 시간 이상씩은 하자 마인드로 조금씩 했었던 것 같네요    [ 학습 방법 ] 저는 아래의 교재를 통해 기출문제를 풀었습니다! https://www.gilbut.co...

안녕하세요! 오랜만에 돌아왔습니다 오늘은 2025.01.07 ~ 01.10 기간 동안 진행 되었던"CES 2025" 행사에 대한 삼일 PwC의 '미리 보기 보고서'를 읽게 되어보고서의 내용을 토대로 개인적인 생각과 함께 간단히 정리해보려 합니다! 아래에 보고서 링크를 달아두었으니 보다 세부적인 내용을 알고 싶으신 분들은직접 읽어보셔도 좋을 것 같네요!  그럼 시작해 보겠습니다:)  (해당 보고서는 '삼일 PwC'에서 발간한 미리 보기 보고서이며 '삼일 PwC의 재해석을 통해' CES에서의 AI관련 내용을 분석함으로써 보다 박람회를 효율적으로 이해하기 위한 길라잡이라 생각하시면 될 것 같습니다.)     * CES란?- CES란, 'Consumer Electronics Show'의 줄임말로써 매년 초 미국..

최근 잠시동안 '서버 프로그래머'가 뭐 하는 사람인지에 대해알아봤었는데요, 그때 정리했던 내용을 적어두려 합니다:-)    서버 프로그래머란?서버와 관련된 소프트웨어를 설계, 개발, 유지보수하는 프로그래머데이터의 처리, 저장, 배포와 관련된 작업을 진행한다.(클라이언트와 서버 간의 원활한 통신이 가능하도록 시스템을 구현)    구체적으로 하는 일은?※ 통상적으로 서버 프로그래머의 역할은 아래와 같다. 서버 설계 및 개발사용자의 요청을 처리하고 DB와의 상호작용을 통해 데이터를 제공하는 서버 애플리케이션을 설계 및 개발DB관리서버에서 사용하는 DB를 설계 및 관리하며 데이터를 효율적으로 저장 및 검색이 가능하도록 최적화API 설계 및 구현클라이언트(ex. 웹 브라우저, 모바일 앱 등)와의 통신을 위한 AP..

오늘은 오블완 챌린지를 마치며 가볍게 마무리해보려 합니다.  음 일단 확실히 매일 블로그를 쓴다는 게 쉽지 않다는 것을 다시금 느끼게 되었고,동시에 쌓여가는 글을 보며 "생각보다 글이 많이 쌓이네?"를 느끼게 되었습니다.  그만큼 "매일 조금씩의 힘"에 대해서 다시 한번 되돌아보는 시간이 되어 좋았습니다:-)  이제 실습 기간도 얼마 남지 않았고, 아직은 대학생 신분이기 때문에 공부를 많이 해야 합니다..ㅎ그래서 조만간 다시 블로그가 활성화되지 않을까 조심스럽게 기대를 하고 있습니다!  이제 곧 연말인데 오블완 챌린지를 열심히 진행하신 분들 및 이 글을 읽어주시고 계시는 모두올 한 해 동안 고생 많으셨고 행복하고 따뜻하게 올해를 마무리하셨으면 좋겠습니다!(저도 포함해서..)  그럼 저는 내일 출근을 위해..

HTML 태그가 출력될 위치를 지정하는 것을 '배치(positioning)'이라고 한다.오늘은 이 배치와  관련된 프로퍼티와 블록/인라인 박스에 대해서 알아보자  - 먼저 배치와 관련된 프로퍼티는 아래와 같다.displaypositionleft / right / top / bottomfloatz-indexvisibilityoverflow [블록 태그 & 인라인 태그] - HTML의 태그는 블록 태그와 인라인 태그로 나뉘게 되며 이는 아래와 같다. 블록 태그 : , , , 인라인 태그 : , ,  - 블록 박스인지, 인라인 박스인지에 따라 태그가 브라우저에서 차지하는 영역과 위치에 많은 차이가 있게 된다.\  (블록 박스)- 블록 박스는 '새 라인에서 시작'하며, 옆에 다른 태그를 배치할 수 없다는 특징이..

오늘은 HTML5에서 텍스트 및 박스의 그림자를 부여할 수 있는 프로퍼티에 대해서 정리해 보겠습니다.  [텍스트에 그림자 효과 부여하기] - 'text-shadow'프로퍼티를 활용해서 텍스트의 그림자 효과를 줄 수 있다.- 해당 프로퍼티를 사용하는 방법은 아래와 같다.text-shadow : __h-shadow : 원본 텍스트와 그림자 텍스트 사이의 수평 거리v-shadow : 원본 텍스트와 그림자 텍스트 사이의 수직 거리blur-radius : 그림자의 번짐(흐릿함)을 조절color : 그림자의 색none : 그림자 효과 없음 - 아래는 위의 프로퍼티를 활용한 예시 코드와 출력 결과이다. (소스코드)div.red{ text-shadow: 3px 3px red;}그림자를 보세요! (출력결과)  -..

오늘은 HTML 태그에 배경을 칠하거나 혹은, 배경 이미지를 출력하는 방법을 알아보자.  [배경에 색 칠하기 & 이미지로 그리기]- 'background-color', 'background-image' 프로퍼티는 각각 배경색과 배경 이미지를 지정한다.- 만약 위의 두 프로퍼티가 동시에 지정된다면 배경색을 우선적으로 적용시킨 후에 배경 이미지를 배치하게 된다.- 이와 관련된 예시 코드는 아래와 같다.div { background-color : skyblue; background-image : url("(경로입력)/(이미지 파일명));}  [배경 이미지의 위치]- 'background-position' 프로퍼티는 박스 내의 이미지의 시작 위치를 지정한다.- left top(디폴트), left cen..

[고급 테두리 꾸미기] CSS3은 둥근 모서리의 테두리나 이미지 테두리 등의 고급 테두리를 지원한다. - 'border-radius' 프로퍼티를 이용하면 테두리의 모서리를 곡선으로 둥글게 만들 수 있다.- 아래는 모서리의 반지름을 '50px'로 지정한 둥근 모서리 테두리의 예시 코드와 브라우저 출력 결과이다. (소스코드) 저는 둥근 모서리를 가진 박스입니다. (출력결과) - 각각의 모서리 별로 반지름을 다르게 설정할 수 있는데 border-top-left(좌측 상단 모서리), border-top-right(우측 상단 모서리), border-bottom-left(좌측 하단 모서리), border-bottom-right(우측 하단 모서리) 이렇게 4개의 모서리에 개별적인 값을 할당할 수 있다. - 아래..

오늘은 HTML5로 '테두리'의 디자인을 다뤄보겠습니다:-) [테두리의 두께 & 모양과 색]- 테두리는 패딩(padding) 혹은 여백(margin)과 달리 '두께'/'모양'/'색'을 지정하는 여러 가지의 프로퍼티를 두고 있다.- 아래는 태그에 테두리를 꾸미는 예시 코드이다.p{ border-width : 3px; /* 테두리의 두께를 3px로 설정 */ border-style : dotted; /* 테두리의 스타일을 도트(점)으로 설정 */ border-color : blue; /* 테두리의 색을 파란색으로 설정 */} - 위의 스타일을 지정하고 태그를 사용하게 되었을 때 아래와 같은 테두리를 확인할 수 있다.  + 테두리의 두께는 '3px'와 같이 정확한 수치로 할당해도 되지만, 정확한 수치..

1. for 문을 이용한 반복문(1부터 5까지의 합 구하기)#include using namespace std; // std(네임 스페이스) 정의해주기void main() // for문을 이용한 반복문(1부터 5까지의 합 구하기){ int i; int total = 0; // 반드시 초기화 해줘야 함 for (i = 1; i   2. Switch 문을 이용한 학점 계산 함수#include void main() // switch 문을 이용한 학점 계산 함수{ int score; char grade; cout > score; switch (score / 10) { case 10 :grade = 'A'; break; case 9 :grade = 'A'; break; default:grade = 'F..