K_blueprint

최근 잠시동안 '서버 프로그래머'가 뭐 하는 사람인지에 대해알아봤었는데요, 그때 정리했던 내용을 적어두려 합니다:-)    서버 프로그래머란?서버와 관련된 소프트웨어를 설계, 개발, 유지보수하는 프로그래머데이터의 처리, 저장, 배포와 관련된 작업을 진행한다.(클라이언트와 서버 간의 원활한 통신이 가능하도록 시스템을 구현)    구체적으로 하는 일은?※ 통상적으로 서버 프로그래머의 역할은 아래와 같다. 서버 설계 및 개발사용자의 요청을 처리하고 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개의 모서리에 개별적인 값을 할당할 수 있다. - 아래..