K_blueprint

오늘은 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..

[ HTML 태그는 사각형 박스로 다루어진다. ]- CSS에서의 '사각형'은 콘텐츠를 둘러싸고 있는 '패딩(padding)', '테두리(border)', '여백(margin)'으로 구성된다. 콘텐츠 : HTML 태그의 텍스트나 이미지 부분패딩 : 콘텐츠를 직접 둘러싸고 있는 내부의 여백테두리 : 패딩 외부의 외곽선으로 직선, 점선이나 이미지로 입히는 것이 가능여백 : 박스의 맨 바깥 영역으로 테두리 바깥 공간으로 아래위 인접한 태그와 만나는 공간이다. - 쉽게 그림으로 설명하자면 아래와 같다. [ 박스를 제어하는 CSS3 프로퍼티 ]- 박스의 색 또는 모양도 프로퍼티에 적절한 값을 부여함으로써 조절이 가능하다.- 아래는 각각의 프로퍼티에 값을 부여해서 박스의 크기를 조절하는 예시 코드와 출력 결과이다. ..

오늘은 HTML5에서 텍스트를 꾸밀 수 있는 다양한 방법에 대해 정리해 보겠습니다:-) [텍스트]- 텍스트를 꾸미기에 앞서 텍스트의 출력 형태를 제어할 수 있는 여러 가지 명령어가 있다.text-indent : | ; >>> 들여 쓰기는 고정된 길이로 들여 쓰기는 텍스트 블록 전체 폭에 대한 비율로 들여 쓰기text-align : left | right | center | justify; >>> 정렬justify : 양쪽정렬center : 중앙정렬left, right : 왼쪽, 오른쪽 정렬text-decoration : none | underline | overline | line-through; >>> 텍스트 꾸미기underline : 밑줄line-through : 중간 줄 위의 텍스트의 출력 형태를..

- CSS3에서 색은 RGB, RGBA, HSL 등 3개의 방법으로 표현하게 되는데 가장 많이 사용되는 RGB에 대해서 살펴보려고 한다.- 먼저 색을 표현하는 방법은 크게 3가지 정도가 있는데 이는 아래와 같다.16진수 코드로 색 표현10진수 코드와 RGB()로 표현색 이름으로 표현 - 이 3가지와 관련해서 보다 자세히 살펴보도록 하자.  [16진수 코드로 색 표현]- CSS3에서 색은 빛의 3원 색인 빨강(red), 초록(green), 파랑(blue)의 성문으로 #rrggbb의 16진수로 표현하게 된다. - 아래는 태그 내의 모든 내용을 '보라색'으로 출력하는 스타일 시트이다.div { color : #8A2BE2; } - CSS에서 하나의 색은 총 24비트로 표현이 되기 때문에 2^24 즉, 160..