본문 바로가기

전체 글

 (188)
HTML - 4 [head, body, meta 수많은 태그들] 이제 html문서를 제대로 만들어 보자. 모든 html의 문서는 로 시작한다. 이경우는 별난 경우로서 시작과 끝이 없고 그냥 저 태그 하나 뿐이다. 무조건 저 태그로 시작한다. 하지만 브라우저는 저 태그가 있던 없던 문제되는 것을 보여주지 않는다. 하지만 저 태그는 필수이다. 저코드는 브라우저에게 이파일은 txt파일이 아니라 html문서라는 것을 알려주는 역할을 한다. 다음은 html 태그에 대해 알아보자 이안의 내용이 HTML 코드 웹사이트는 크게 두가지 구조로 나뉘어저 있는데 : 웹사이트의 내용의 안보이는 부분 : 웹사이트에서 보이는 부분 으로 나뉘어진다. Body body 태그 안에서는 웹사이트에서 보이는 부분을 나타낸다. body 태그 안의 모든 태그들은 브라우저의 보이는 부분에서 나타난다. 전에..
HTML - 3 [Tag] 저번글에 작성했던 것처럼 코드를 작성하면 HTML문법 오류가 없더라도 브라우저는 그냥 그 코드 그대로 보여준다. 브라우저는 언제나 사용자에게 content를 보여준다. 즉, 내가 만든 HTML파일에서 어디에 오류가 있는지 알려주지 않는다는 말이다. 이것은 장점으로도 볼 수 있는데, 우리가 실수를 하더라도 페이지에 접속한 유저가 이러한 에러를 직접적으로 볼수가 없다. HTML의 목적은 브라우저에게 내용이 무엇인지 알려주는 것이다. 태그와 태그 사이에 내용이 존재한다. 이러한 태그로 내용의 존재를 나타낸다. 예를 들면 위와 같이 태그를 시작과 끝이 있게 달아주고 그 안에 내용을 입력한다. 그러면 브라우저는 김치라는 내용이 food라는 것을 알게 된다. 이처럼 브라우저에게 무엇인지 알려주는 것이 HTML이다...
Git - 4 [로컬 레포지토리와 리모트 레포지토리 연결하기] 먼저 github 홈페이지에서 레포지토리를 생성한다. 이름을 넣고 설명을 넣은 후 생성하게 되면 위와 같은 화면이 뜨는데 이중 ...or push an existing repository from the commad line 이라는 내용 아래에 있는 코드 git remote add origin https://github.com/Doodream/레포지토리 이름.git git branch -M master git push -u origin master 이내용을 한줄씩 git bash에 넣는다. 그럼 연동 완료. 실제 푸시를 해보자. 이와 같이 커밋이 된것을 알수 있다.
HTML - 2 [파일 생성] HTML 공부를 하기에 앞서 개발환경을 위해서 Visual Studio Code를 다운로드 받는다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 위 사이트에 각 OS환경에 맞게 다운로드 후 설..
벽 부수고 이동하기 - 백준 알고리즘 2206번 https://www.acmicpc.net/problem/2206 2206번: 벽 부수고 이동하기 N×M의 행렬로 표현되는 맵이 있다. 맵에서 0은 이동할 수 있는 곳을 나타내고, 1은 이동할 수 없는 벽이 있는 곳을 나타낸다. 당신은 (1, 1)에서 (N, M)의 위치까지 이동하려 하는데, 이때 최단 경로�� www.acmicpc.net 문제 N×M의 행렬로 표현되는 맵이 있다. 맵에서 0은 이동할 수 있는 곳을 나타내고, 1은 이동할 수 없는 벽이 있는 곳을 나타낸다. 당신은 (1, 1)에서 (N, M)의 위치까지 이동하려 하는데, 이때 최단 경로로 이동하려 한다. 최단경로는 맵에서 가장 적은 개수의 칸을 지나는 경로를 말하는데, 이때 시작하는 칸과 끝나는 칸도 포함해서 센다. 만약에 이동하는 도중에..
숨바꼭질 - 백준알고리즘 1697번 https://www.acmicpc.net/problem/1697 1697번: 숨바꼭질 수빈이는 동생과 숨바꼭질을 하고 있다. 수빈이는 현재 점 N(0 ≤ N ≤ 100,000)에 있고, 동생은 점 K(0 ≤ K ≤ 100,000)에 있다. 수빈이는 걷거나 순간이동을 할 수 있다. 만약, 수빈이의 위치가 X일 �� www.acmicpc.net 문제 수빈이는 동생과 숨바꼭질을 하고 있다. 수빈이는 현재 점 N(0 ≤ N ≤ 100,000)에 있고, 동생은 점 K(0 ≤ K ≤ 100,000)에 있다. 수빈이는 걷거나 순간이동을 할 수 있다. 만약, 수빈이의 위치가 X일 때 걷는다면 1초 후에 X-1 또는 X+1로 이동하게 된다. 순간이동을 하는 경우에는 1초 후에 2*X의 위치로 이동하게 된다. 수빈이와 ..
HTML - 1 [브라우저, 웹사이트(HTML, CSS, JavaScript)] 우리는 브라우저라는 도구를 쓴다. 웹사이트 들을 돌아다니는 도구로써 사용하지만 웹사이트를 만들게 되는 개발자에 입장에서 살펴보면 사실 웹사이트를 만드는 것이 아니다. 그저 text를 적는 것일 뿐. 예를 들어보자 유투브 뮤직 웹사이트 이다. 이것을 직접 만드는 것이 아니라. 이 웹사이트의 소스를 살펴보면 이와 같이 매우 복잡한 웹사이트의 코드를 볼수 있다. 이러한 Text를 개발자들은 만든다. 이러한 웹사이트의 text를 웹브라우저에게 주게 되면 우리가 보는 웹사이트로 만들어주는 것이다. 어느 장소에 어떠한 Text를 적는가 이규칙만 잘 지켜서 웹브라우저에 text를 넘겨준다면 웹사이트를 만들어주는 것이다. 즉, 웹사이트는 text일 뿐이다. 웹사이트는 최소 2가지에서 3가지 언어로 구성되어 있다. 1...
토마토 3차원 - 백준 알고리즘 7569번 https://www.acmicpc.net/problem/7569 7569번: 토마토 첫 줄에는 상자의 크기를 나타내는 두 정수 M,N과 쌓아올려지는 상자의 수를 나타내는 H가 주어진다. M은 상자의 가로 칸의 수, N은 상자의 세로 칸의 수를 나타낸다. 단, 2 ≤ M ≤ 100, 2 ≤ N ≤ 100, www.acmicpc.net 문제 철수의 토마토 농장에서는 토마토를 보관하는 큰 창고를 가지고 있다. 토마토는 아래의 그림과 같이 격자모양 상자의 칸에 하나씩 넣은 다음, 상자들을 수직으로 쌓아 올려서 창고에 보관한다. 창고에 보관되는 토마토들 중에는 잘 익은 것도 있지만, 아직 익지 않은 토마토들도 있을 수 있다. 보관 후 하루가 지나면, 익은 토마토들의 인접한 곳에 있는 익지 않은 토마토들은 익은 ..

티스토리툴바