＊반짝이는＊이끌림

* Windows 운영체제 기준으로 작성되었습니다. § 최후의 문법 속성 & img → Click! 지금까지의 웹 페이지에는 글밖에 없어 무난하게 보였습니다. 이미지를 넣어 기존보다 조금 더 화려한 페이지를 만들어봅시당. 이미지를 넣기 위해 사용하는 태그는 입니다. 태그의 경우 단순히 태그만 작성한다고 해서 이미지가 입력되지는 않습니다. 어떤 이미지인지를 나타내기 위한 속성들도 포함시켜야 이미지를 입력할 수 있다. src(source)를 활용해 이미지의 주소를 적어주면 태그의 위치에 이미지를 넣어주게 됩니다. 이 때 꼭 이미지 파일의 확장명까지 작성해주어야 이미지가 로드됩니다. 이미지의 크기를 조절하고 싶을 땐 width 속성을 활용해주면 됩니다. width 속성의 경우 필수는 아니므로 (width="원..

* Windows 운영체제 기준으로 작성되었습니다. * 앞으로 웹 페이지는 잘 보이기 위해 125%로 확대한 상태의 캡쳐본으로 올릴 예정입니다. § 줄바꿈 → Click! 다양한 태그들을 활용해보기 위해 추가로 글을 복사하여 붙여넣었습니다. 다육식물 정의 사막이나 높은 산과 같이 건조한 환경에서 생존하기 위해서 줄기, 잎 그리고 뿌리에 많은 양의 수분을 저장할 수 있는 식물을 말한다. 다육식물은 우기와 건기가 뚜렷이 구분되는 사막지역, 고산지대나 한랭지, 해안지대, 염호지대 등에서 자란다. 다육식물은 건조한 환경에 적응하여 독립적으로 진화한 형태로서 하나의 분류군을 이루지 않고 다양한 과에 속해있다. 아메리카 대륙, 아프리카. 마다가스카르 섬, 아라비아 반도, 카나리아 제도, 아시아, 동유럽 등 세계 여..

* Windows 운영체제 기준으로 작성되었습니다. § 기본 문법 - 태그 → Click! 지난 시간에 여기까지 진행했었습니다. Hello Web 밑으로 훵해 보이는 화면에 글자를 출력해보고자 합니다. VS code로 1.html 파일을 열어 글을 작성해봅시다. (직접 작성하기엔 귀찮으므로 인터넷 상에서 글을 복사해와서 붙여넣기 해 볼 예정입니다.) 요즘 다육식물을 키우는 중이라 다육식물을 검색한 후 네이버 지식백과에 있는 글을 복사해서 붙여넣어 보았습니다. 사막이나 높은 산과 같이 건조한 환경에서 생존하기 위해서 줄기, 잎 그리고 뿌리에 많은 양의 수분을 저장할 수 있는 식물을 말한다. 다육식물은 우기와 건기가 뚜렷이 구분되는 사막지역, 고산지대나 한랭지, 해안지대, 염호지대 등에서 자란다. 다육식물은..

* Windows 운영체제 기준으로 작성되었습니다. § HTML 코딩 실습 환경 준비(HyperText Markup Language) → Click! 강의에서 editor로는 Atom을 사용하며, 공식 홈페이지(링크)를 통해 Atom을 다운받을 수 있습니다. 전 Atom editor 대신 이전에 깔아놓았던 VS code를 활용해 볼 예정이며, VS code의 경우 공식 홈페이지(링크)를 통해 다운받을 수 있습니다. VS code 실행 default browser로 Chrome을 사용하고 있기 때문에 Chrome창이 뜬 것을 볼 수 있습니다. (시크릿 모드로 창이 뜬 이유는 항상 Chrome을 실행 시 Secret mode에서 실행되게 해 놓았기 때문입니다.) 방금 만든 1.html 파일에 Hello We..

생활코딩이라는 사이트를 통해서 web을 공부해보고자 합니다! 아직 web에 대해서는 공부해 본 적이 없어 하나도 모르지만, 차근차근 기록을 남기며 공부해볼 예정입니다. 처음이다보니 모르는 부분도, 헤매는 부분도 많을 수 있지만 함께 공부해봐요~!~! https://opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여러분은 자신을 남의 문제를 통해서 코딩을 배우려는 학생이 아니라 나의 문제를 코딩으로 해결하려는 엔지니어라고 상상해주세요. 그럼 어떤 문제를 해결하면 좋..

◆ 문제 링크 : https://www.acmicpc.net/problem/2231 2231번: 분해합 문제 어떤 자연수 N이 있을 때, 그 자연수 N의 분해합은 N과 N을 이루는 각 자리수의 합을 의미한다. 어떤 자연수 M의 분해합이 N인 경우, M을 N의 생성자라 한다. 예를 들어, 245의 분해합은 256(=245+2+4+5)이 된다. 따라서 245는 256의 생성자가 된다. 물론, 어떤 자연수의 경우에는 생성자가 없을 수도 있다. 반대로, 생성자가 여러 개인 자연수도 있을 수 있다. 자연수 N이 주어졌을 때, N의 가장 작은 생성자를 구해내는 프로그 www.acmicpc.net 문제 어떤 자연수 N이 있을 때, 그 자연수 N의 분해합은 N과 N을 이루는 각 자리수의 합을 의미한다. 어떤 자연수 M..

◆ 문제 링크 : https://www.acmicpc.net/problem/1065 1065번: 한수 어떤 양의 정수 X의 각 자리가 등차수열을 이룬다면, 그 수를 한수라고 한다. 등차수열은 연속된 두 개의 수의 차이가 일정한 수열을 말한다. N이 주어졌을 때, 1보다 크거나 같고, N보다 작거나 같은 한수의 개수를 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 어떤 양의 정수 X의 각 자리가 등차수열을 이룬다면, 그 수를 한수라고 한다. 등차수열은 연속된 두 개의 수의 차이가 일정한 수열을 말한다. N이 주어졌을 때, 1보다 크거나 같고, N보다 작거나 같은 한수의 개수를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 1,000보다 작거나 같은 자연수 N이 주어진다. 출력 첫째 줄..

◆ 문제 링크 : https://www.acmicpc.net/problem/2309 2309번: 일곱 난쟁이 아홉 개의 줄에 걸쳐 난쟁이들의 키가 주어진다. 주어지는 키는 100을 넘지 않는 자연수이며, 아홉 난쟁이의 키는 모두 다르며, 가능한 정답이 여러 가지인 경우에는 아무거나 출력한다. www.acmicpc.net 문제 왕비를 피해 일곱 난쟁이들과 함께 평화롭게 생활하고 있던 백설공주에게 위기가 찾아왔다. 일과를 마치고 돌아온 난쟁이가 일곱 명이 아닌 아홉 명이었던 것이다. 아홉 명의 난쟁이는 모두 자신이 "백설 공주와 일곱 난쟁이"의 주인공이라고 주장했다. 뛰어난 수학적 직관력을 가지고 있던 백설공주는, 다행스럽게도 일곱 난쟁이의 키의 합이 100이 됨을 기억해 냈다. 아홉 난쟁이의 키가 주어졌을..