본문 바로가기

전체 글

(90)
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..
GitHub 협업 - 시작하기 Github 협업의 구조를 이해하는 데 도움이 된 링크 1. 초심자를 위한 Github 협업 2. 토이 팀프로젝트 시나리오, 브랜치 전략 읽고 나면 앞으로 어떤 단어를 넣어 구글링해야 될 지 알 수 있다. 내가 github 협업을 처음 시작할 때 어땠는지 주절거릴 셈이라 정보성 내용을 글머리로 밀었다. 원래 3개였는데 최근에 다시 보니까 하나가 사라졌다. 혼자 쓰는 git은 좀 생소해도 별 게 없다. 기초에 대한 유튜브 강의도 많고, 원하는 대로 되지 않을 때는 대개 정해진 순서를 지키지 않아서이다. add, commit, push하는 일련의 과정이 익숙해지고 github desktop이나 사용하는 IDE가 제공하는 GUI의 편리함까지 더하면 그냥 클라우드 같다. 그런데 한 repository(이하 re..
[그래프] boj 2667, 4963 - 사방팔방을 한 칸씩 탐색하기 백준 2667, 4963은 주변 탐색 유형의 기본이다. 2667 방법 1 상하좌우 네 방향을 탐색한다. 사방으로 갈 때 각각 dx와 dy로 주어진 배열에서 같은 index를 뽑아내 쓴다. 그래프 바깥으로 넘어가지 않도록 조건을 꼭 걸어야 된다. 참고 링크 2667은 입력 그래프가 정사각형이지만 4963은 가로와 세로의 크기가 반드시 같진 않은 문제다. import sys def dfs(x, y): global cnt visited[x][y] = True if graph[x][y] == 1: cnt += 1 for i in range(4): # 네 방향 nx = x + dx[i] ny = y + dy[i] if 0 0 and g[i][j - 1] == '1': rDFS(g, i, j - 1) # 왼쪽, 바..