본문 바로가기

전체 글

 (82)
Python - 변수와 기초 연산 Data types Integer: 정수 Float: 실수 Complex Numbers: 복소수. e.g. 1+2j (수학과 달리 허수부를 j로 표기) String: 문자열 Boolean: True/False 변수 선언시 변수명 규칙 이름은 영어 알파벳, 숫자, _ 만 가능. case sensitive. 숫자로는 시작 불가. 연산 + 숫자끼리, 문자열끼리 더한다. 숫자 + 문자열은 에러난다. 같은 변수에 더해나갈 때는 +=로 축약할 수 있다. - 뺄셈. 같은 변수에서 빼나갈 때는 -=로 축약할 수 있다. * 마찬가지로 *= 사용 가능. list의 반복 확장에도 사용한다. e.g. [0] * 3 -> [0, 0, 0] 이 외에도 다양하게 쓰인다. 참고 링크 / 마찬가지로 /= 사용 가능. 나머지가 없어도 ..
CSS - float property css에서 selector에 주는 float property 값은 해당 요소를 일반적인 흐름으로부터 빠지고, 다른 요소들이 그 주위를 감싸며 배치되도록 만든다. float block 요소에게 float property를 넣어 inline 성질을 부여할 수 있다. 값으로는 none(default), left, right 등이 있다. 참고 링크 float: right이나 left 그 쪽에 자석같이 딱 붙음. 그 뒤에 오는 요소는 inline 요소 뒤에 넣었을 때처럼 나타난다. 뒤에 오는 요소에 float를 적용한 요소의 크기만큼 margin을 주면 영역이 분리된 것처럼 보인다. float가 적용된 요소에 width를 퍼센트로 줄 경우 window 크기가 그보다 작게 줄어들면 비율을 유지하며 같이 줄어든다. ..
CSS - display property css에서 selector에 주는 display property 값은 해당 요소가 어떻게 나타나는지를 결정한다. 이 중 outer display type값으로 inline, block, inline-block 등이 있다. inline, block element 예시 inside display type값으로는 table, flex 등이 있다. (참고 링크) 요소를 숨기는 none도 있다. none에서 다른 값으로 바꾸면 없던 게 나타나는 것처럼 보인다. inline 공간을 content의 크기에 맞춘다. 줄바꿈을 하지 않는다. 행간(line-height)을 조절할 수 없다. 적용 불가: width, height, margin-top, margin-bottom, padding-top, padding-bott..
CSS - position property css에서 selector의 property로 줄 수 있는 position에는 대표적으로 4가지 값이 있다. 1. static 기본값. 코드 순서대로 보여준다. 2. relative top, right, bottom, left property를 반드시 사용해 원래 위치에서 상대적으로 그만큼 움직인다. 3. absolute 부모 요소에 대해 그 property 값과 같은 절대적인 위치를 가진다. top, right, bottom, left property를 이용한다. 부모 요소는 반드시 position 값을 갖고 있어야 되며, 일반적으로 relative를 부여한다. 돋보기 이미지를 input box 안에 배치하고자 한다. 부모 요소가 되는 div에 relative를 주고 img에 absolute를 넣어 d..
Semantic Web, Semantic Tag Semantic Web Data를 의미와 관련성을 나타내는 structured information으로 convert해 컴퓨터가 더 쉽게 처리할 수 있도록 하는 목적을 갖는 발상이다. 이를 통해 Web이 거대한 분산형 데이터베이스(distributed database)로 구축된다. 참고 링크 Sementic Web은 문서와 문서, app과 app 사이를 연결하는 게 아니라 문서의 근간이 되는 information들이 서로 연결되어 있는 Web of Data를 뜻한다. 참고 링크 cf. 정보를 연결하는 방식은 인터넷에 있는 수많은 문서들이 하이퍼링크로 연결된 Web 1.0 - Web of Documents, 그리고 data가 application단위로 나뉘어 있는 Web 2.0 - Application S..

티스토리툴바