IT업계 종사자의 블로그

[Project H4C] 8. HTML 태그의 중첩 리스트를 만들어 보자. 이 처럼 3개의 리스트를 크게 두 개의 묶음으로 구분하고 싶다면 리스트 태그인 를 각 항목에 넣어주고 ui 태그로 두 개의 큰 그룹으로 나눠준다. ul란? unordered list 즉, 순서가 없는 리스트. 그 반대로 순서가 있는 리스트는 ol(ordered list)이다.

[Project H4C] 7. HTML 속성 a: 링크 태그 하지만 어디의 링크인지는 알려주지 않는다. 이 때, 사용하는 문법적 요소가 '속성'이다. 이렇게 해야지만 '생활코딩'이 링크이면서(a), http://opentutorials.org/corse/1 에 연결(href)되어 있다는 것을 알려준다. 이때 href 를 '속성명'이라고 하고 = 이후의 주소가 '속성값'이다. 또 다른 예시. 링크를 새창에서 열기. - href, target: 속성 - 속성과 속성 사이에는 띄어쓰기로 구분한다.

[Project H4C] 6. HTML 기본 문법 HTML 이란? - Hypertext: 문서와 문서가 링크로 연결되어 있다. - Markup language: 태그 떠올리기!

[Project H4C] 5. 프로그래밍 언어 프로그래밍 언어란? 프로그래밍 언어로 작성된 내용을 코드, 소스라고 한다. - 코드가 곧 제품이 된다. - 그만큼 중요하다.

[Project H4C] 4. 서버 제어 My SQL과 Apache 가 Running 상태인지 확인할 것. (OS X나 리눅스는 재부팅시 자동으로 실행되지 않기 때문에 확인 요망!) 그리고 각 Configure창을 통해 오류 확인 및 동작 방법의 변경 등을 할 수 있다.

[Project H4C] 3. 서버와 클라이언트 생활코딩피셜: 서버 클라이언트는 우리 수업에서 가장 중요한 부분이다 (그렇구만....) 어떤 컴퓨터가 서버이고, 어떤 컴퓨터가 클라이언트일까? 서버: 웹서버 sw가 설치된 컴퓨터 클라이언트: 웹브라우저가 설치된 컴퓨터 서버와 클라이언트의 작업 과정 클라이언트에서 원하는 웹 주소를 입력하면 클라이언트는 해당 페이지를 서버에게 요청한다. 그러면 서버는 하드디스크등에 저장된 웹페이지 문서를 읽어서 클라이언트 컴퓨터에 응답해준다 나에게는 웹브라우저는 있으니 웹서버를 설치해보자. (하나의 컴퓨터에 웹브라우저와 웹서버를 동시에 설치할 수 있다.) 웹서버의 종류 참고로 웹서버의 설치는 어렵다 (한달이 걸리기도 하고 실패하기도 한다고....) 하지만, 서버 소프트웨어를 ..

[Project H4C] 2. 웹의 역사 인터넷과 웹은 같은 걸까? 정답: 다르다..! 이 둘의 역사를 살펴보자면.... 1960년대: 인터넷 등장 1990년대: 웹 등장 웹과 인터넷의 관계는? 인터넷: 전세계의 컴퓨터들이 네트워크로 연결되서 데이터를 주고 받을 수 있는 곳(e.g. 도로) 웹: 전세계에 깔려있는 (인터넷의)네트워크를 활용해서 html로 이루어진 웹페이지를 컴퓨터와 컴퓨터가 주고 받을 수 있도록 고안된 서비스 (e.g. 도로 위를 다니는 대중교통) 그 과정에서 결정적인 공헌자 '팀버너스리' 그는 웹을 창시하였다.(ㄷㄷ..) 초창기 웹의 모습 웹브라우저와 웹서버는 서로 정보를 주고 받을 수 있는데 그 과정에서 사용된 통신 규약인 HTTP의 등장. 그리고 웹페이지를 만드는 언어인 HTML의 ..

[Project H4C] 1. 웹 애플리케이션을 만드는 순서 1. 구상 무엇을 만들 것인가? 말 그대로 구상 단계 2. 기획(계획) 구상한 것의 구체화 작업 - UI(User Interface)모델링: 사용자가 시스템을 제어하는 조작장치(UI)를 가상으로 만들어 보는 것(modeling). 즉, 사용자의 입장에서 동작하는 기능을 가상으로 만들어 보는 것 - 모델링 도구 손그림, Pencil, balsamiq, PowerPoint 3. 디자인 아름답고 편리한 웹사이트를 디자인 4. 개발(프로그래밍, 엔지니어링) 실제 서비스가 구동되게 만드는 작업 5. 테스트 버그를 찾고 놓친 부분을 확인 (1번~5번을 계속 반복한다.) - Start Small 생활코딩피셜: 작게 시작해서 끊임없는 반복작업을 통해 정말 필..

[Project H4C] 회원가입 폼 만들기 내 생애 첫 코딩이자 스터디그룹의 마지막 과제! 회원가입폼 만들기!!! 진짜 너무 힘들었다.....😭ㅋㅋㅋ 이번주 내내 잠 못자는 헬에 입성하여 지금도 살짝 제정신은 아니다.... 우선 내가 모티브로 삼은 회원가입폼은 (무려) 네이버이다. https://nid.naver.com/user2/V2Join.nhn?token_sjoin=3v1jbcrNhbkitu93&chk_all=on&termsService=on&termsPrivacy=on&termsLocation=Y&termsEmail=Y 네이버 : 회원가입 nid.naver.com 하면서 후회했다... 아..........어렵다........... ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ하지만..

[Project H4C] 3. 연산자 산술 연산자 사칙연산을 다루는 기본적인 연산자 연산자의 우선순위와 결합 방향 http://tcpschool.com/php/php_operator_arithmetic 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 대입 연산자 변수에 값을 대입할 때 사용하는 이항 연산자. 피연산자들의 결합 방향은 오른쪽에서 왼쪽이다. (=) 복합 대입 연산자 두 개의 피연산자를 가지는 이항 연산자 피연산자들의 결합 방향은 오른쪽에서 왼쪽이다. e.g.) $num_01 = 7; $num_02 = 7; $num_03 = 7; echo "- 연산자에 의한 결괏값은 ".($num_01 = $num_01 -..