JK No.1

CSS HTML을 통해 웹페이지에 들어가는 여러 형태의 구성요소를 만들 수 있게 됐다. 이제 CSS를 이용하여 구성요소의 스타일을 정하는 방법을 배워보자. ● CSS가 무엇이고 어떻게 사용하는지, ● 클래스와 아이디를 사용하여 구성요소를 어떻게 조회하는지, ● 웹페이지를 재구성하기 위해 DIV를 사용하는 법, 테두리와 포지셔닝, 컬러와 폰트, 텍스트와 링크 포맷을 조정하기 위해 CSS를 사용하는 법을 배운다. HTML로 웹페이지에 구성요소를 추가할 수는 있지만 이들의 위치, 색깔, 폰트 또는 스타일을 조절하기는 쉽지 않다. CSS는 1994년에 버너스 리의 동료인 하콤 비움 리Hakon Wium Lie가 처음 제안하여 도입되었다. 스타일 정보를 페이지 내용과 별도로 저장하여 내용에 영향을 주지 않고 쉽게..

HTML웹을 위한 언어인 HTML을 살펴보며 코딩 여행을 시작해보자. 일단 다음과 같은 사항을 익힐 수 있다. ▷ HTML이 무엇이고 어디에 쓰이는지, ▷간단한 웹사이트를 관리하고 업데이트하는 법, ▷텍스트 편집기에서 HTML을 편집하고 브라우저에서 즉시 결과를 확인하는 법, ▷패러그래프와 헤더, 리스트와 이미지, 폼과 테이블과 같은 기본 HTML 구성요소를 사용하는 법을 배운다. HTML은 ‘HyperText Markup Language의 약자다. 모든 웹사이트를 기술하는 언어이다. 하이퍼텍스트는 다른 HTML 페이지로 연결되는 링크를 포함할 수 있다. 웹을 정의하는 기본 원칙 중 하나다. 1980년대 후반 팀 버너스 리Timothy John Berners Lee가 흔히 말하는 월드와이드웹World W..

프로그램 언어가 다양한 이유새로 코딩을 배우는 사람들이 자주 하는 질문은 어떤 프로그래밍 언어를 배워야 하는가이다. 그리고 이 질문은 왜 그렇게 많은 언어가 있는지로 이어진다. 인간의 언어는 수천 년에 걸쳐 각자 다른 지리적 위치와 문화 속에서 다양하게 발전했다. 컴퓨터 언어의 경우에는 보다 의도적으로 개발됐다. 이는 각각의 언어가 자기만의 목적이 있다는 의미다. 모든 언어에 대해 전문가가 될 필요는 없다. 정말 위대한 프로그래머도 하나의 언어만 아는 경우가 많다. 그렇다고 해도 언어가 활용되는 각각의 맥락은 이해해야 한다. 나중에 더 자세히 다루겠지만 지금은 일단 코드로 만들 수 있는 소프트웨어에는 크게 3가지 형태가 있다는 것을 기억해두자. 첫 번째 형태는 우리가 앱이라고 부른다. 앱은 코드를 기기(..

간단한 코딩으로 워밍업이제 이론은 충분하다. 실습을 하자. 자신의 브라우저에 다음 주소를 입력한다. https://repl.it/languages/python3 이 웹사이트에서 파이썬(몬티 파이썬에서 유래했다. 뒤에서 각 개별 언어를 다룰 때 더 알아보자)이라 불리는 컴퓨터 언어를 코딩할 수 있다. 그러면 파이썬은 코드를 컴파일한다(이는 기본적으로 컴퓨터가 이해할 수 있게 0과 1로 바꾸는 작업이다). 그리고 결과를 우리가 알아볼 수 있게 출력한다. 가운데 화면에 아래 코드를 입력해보자. print("Hello World")이제 ‘run’ 버튼을 클릭해서 코드를 컴파일하고 실행한다. 오른쪽 화면의 검은색 박스에 ‘Hello World’라는 문구를 볼 수 있어야 한다. 성공! 이제 ‘print’의 철자를 ..