K_blueprint

안녕하세요! 오랜만에 돌아왔습니다 오늘은 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..