AimHo

CSS 속성공부 #6 / 위치(position) 속성 보통 프로그램을 개발할 때 요소의 위치는 다음 두 가지 방법으로 설정한다. 절대 위치 좌표: 요소의 X 좌표와 Y 좌표를 설정해 절대 위치를 지정함.상대 위치 좌표: 요소를 입력한 순서에 따른 상대 위치를 지정함.절대 위치 좌표는 드래그해서 만들 수 있으므로 상대 위치 좌표보다 개발이 쉽다. 하지만 현대에는 사람들이 각기 다른 디바이스(모바일, PC)에서 사용하므로 해상도가 고정되어 있지 않다. 따라서 상대 위치 좌표를 대부분 사용한다. 그렇다고 절대 위치 좌표가 쓰이지 않는 것은 아니다. 절대 위치 좌표는 일정 크기의 영역을 지정한 태그 내부에서 많이 사용한다. position 속성 이제 실습을 통해 position 속성을 익혀보자. 100x100 ..

영어초보탈출 / I can 정리 I can(나는 ~을 할 수 있어), I can't(나는 ~을 할 수 없어) 이 표현으로 우리는 자신의 능력에 대해 말할 수 있다. ex) I can play the guitar / I can't drive I have to(나는 ~해야만 해) 어떤 것을 해야만 할 때 이 표현을 이용해서 말할 수 있다. ex) I have to see a doctor I want to(나는 ~하기를 원해) 이 표현으로 우리가 바라는 것에 대해 말할 수 있다. ex) I want to sleep more

CSS 속성공부 #5 / 글자 속성font-size 속성 이 속성은 글자의 크기를 지정하는 속성이다. 앞서 배운 크기 단위(css 속성공부 #1 참조) or 키워드 들을 사용하여 글자의 크기를 지정할 수 있다. font-family 속성 이 속성은 글꼴을 지정하는 속성이다. font-family 속성의 스타일 값에는 사용자에 컴퓨터에 설치된 글꼴을 입력할 수도 있고 Google Fonts를 이용하는 방법도 있다. 여기서 원하는 폰트를 선택하면 아래와 같이 Import 하는 방법을 알려준다. 우리는 그저 HTML에 사용할 폰트의 link를 넣어주고 font-family를 이용해 사용하면 된다. 하지만 내가 만든 웹 페이지를 사용하는 사용자의 컴퓨터에는 해당 폰트를 지원하지 않을 수도 있으므로 Google ..

소스코드 관리를 위한 툴 Git 소개 및 사용법Git을 사용하는 이유?Git이라면 보통 개발자라면 많이 들어봤을텐데 이것은 프로젝트의 소스코드 관리를 위한 툴이다. 내가 언제 어떤 부분의 소스를 수정했는지 알 수 있게 해주고, 다른 프로그래머와 협업하는데 많은 도움을 주는 툴이다. 예를 들어 하나의 프로젝트를 수정하는데 프로그래머 A와 프로그래머 B가 각자 다른 작업을 수행하고 있다고 할 때, Git과 같은 툴을 사용하지 않는다면 A의 작업이 끝나고 B가 작업을 시작해야 한다. 하지만 Git과 같은 툴을 사용하면 동시에 작업을 시작할 수 있다. Git과 비슷한 도구로는 SVN이 있다. 참고: SVN과 Git의 차이점(http://rojhw.tistory.com/27) Git 기능소스 관리(rest, co..

CSS 속성공부 #4 / 배경 속성배경 속성을 사용하면 해당 태그의 배경이미지 or 색상을 지정할 수 있다. 배경 속성 키워드 들은 다음과 같다. 1. background-image: 배경 이미지 지정. 2. background-size: 배경 이미지의 크기 지정. 3. background-repeat: 배경 이미지의 반복 형태 지정. 4. background-attachment: 배경 이미지의 부착 형태 지정. 5. background-position: 배경 이미지의 위치 지정. 6. background: 한 번에 모든 배경 속성(image, size, repeat 등)을 입력할 수 있음. 실전 예제 1. 배경 이미지를 지정하는 속성으로 스타일 값에 URL 단위 or 그레이디언트를 입력한다. 그레이디언..

CSS 속성공부 #3 / display 속성HTML5가 등장하면서 display 속성에 입력할 수 있는 다양한 키워드가 등장했다. 하지만 모든 display 속성을 제대로 지원하는 웹 브라우저는 아직 없다. 그러므로 우리는 모든 웹 브라우저가 지원하는 display 속성을 중심으로 살펴보도록 하자. 여기서 다룰 속성 키워드들은 다음과 같다. 1. none: 태그를 화면에서 보이지 않게 만듦. 2. block: 태그를 블록 형식으로 지정함. 3. inline: 태그를 인라인 형식으로 지정함. 4. inline-block: 태그를 인라인-블록 형식으로 지정함. 실전예제 더미 객체 대상 객체 더미 객체 더미 객체 대상 객체 더미 객체 더미 객체 대상 객체 더미 객체 더미 객체 대상 객체 더미 객체 더미 객체 ..

[축구] 별들의 전쟁 챔피언스리그 조 추첨 결과 죽음의 조는 어디?! '별들의 전쟁' 2018-19 시즌 챔피언스리그(UCL) 조 추첨이 완료되었다. UEFA는 31일 오전 1시(한국시간) 모나코 그리말디 포럼에서 2018-19 UEFA 챔피언스리그 조 추첨식과 함께 유럽 클럽팀 소속 중 최고의 활약을 펼친 선수에게 주어지는 UEFA 올해의 선수 시상식도 동시에 개최했다. 조 추첨은 32개 팀이 4시드 각 8개씩 나누어진 채로 진행되었다. 가장 무게감이 무거운 1시드는 전 챔피언스리그 우승팀과 유로파리그 우승팀 그리고 상위 7개 리그의 우승팀이 배정 받았다. 나머지 2~4시드는 UEFA 클럽랭킹 순으로 짜여진다. 이 규칙대로라면 3시드에 속한 리버풀과 4시드에 속한 인터밀란이 죽음의 조를 만들 '폭탄'으..

[번역] Australia Will Develop a Nationwide Blockchain Platform 호주의 과학 산업 연구 기관(CSIRO)은 발표했다. (참고: New blockchain-based smart legal contracts for Australian bussinesses) 호주는 IBM 및 법률 회사인 Herbert Smith Freehills와의 파트너십을 통한 데이터 컨소시엄을 구성하여 기업들이 협업할 수 있도록 획기적인 스마트 계약 블랫폼을 구축하고자 한다. 호주 국립 블록체인 호주 국립 블록체인(ANB)라고 불릴 플랫폼은 잠재적으로 인프라를 변화시킬 것으로 알려지고 있다. 호주의 디지털 경제 내에서 전국의 기업들이 합법적으로 시행할 수 있는 스마트 계약과 데이터 교환을 활..

티스토리 / 콘텐츠 본문 하단꾸미기(이모티콘 or 문구) 이번에는 각 콘텐츠 본문 하단에 이모티콘을 추가해보도록 하겠다. 추가할 이모티콘 (이미지 or 텍스트)는 본인이 마음에 드는 걸로 구하면 된다. 나는 카카오톡 움직이는 이모티콘에서 찡끗 하는 라이언이를 구해놓았다. 이것을 본문에 추가해서 아래 사진과 같이 본문 내용이 모두 끝난 후 나오도록 할 것이다. 간단하게는 이모티콘을 서식페이지에 저장해서 포스팅을 작성할 때 마다 이모티콘을 추가하는 방법도 있지만 필자는 귀찮은걸 싫어하는 성격이라 그냥 스킨에 이모티콘을 추가할 예정이다. 그리고 스킨에 이모티콘을 추가하는 방법 또한 매우 간단하다. 1. 티스토리 스킨 편집으로 들어간다. 2. 파일 업로드에 사용할 이모티콘을 추가한다. 3. HTML에서 다음 치..

[번역] Aussie Blockchain Powers P2P Solar Power Trading in Upscale Bangkok Community 호주의 태양광 패널 개발 회사인 Power Ledger는 블록체인으로 P2P 에너지 마켓 플레이스를 개발하여 거주자가 태양광 패널에서 생산한 전기를 사고 팔 수 있도록 방콕에서 테스트했다. 이 테스트는 아시아 최초의 시도로 방콕 T77 구역의 주민들이 참여하고 있다. T77 구역은 8-hectare 규모의 방콕 중앙에 위치한 도시이다. 한 유저가 에너지 교환을 시도하면 블록체인 에너지 마켓 플레이스에서 허락한 유저에게 초과 전력을 교환해야 한다. 부유한 지역 사회의 에너지 거래 참가자들은 쇼핑몰, 국제학교, 아파트 및 치과, 병원이 포함될 것이라고 Power..