IT업계 종사자의 블로그

[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 -..

[Project H4C] 2. PHP 기초 (3) PHP 기본 타입 boolean(불리언) 참과 거짓을 표현한다. 대소문자를 구분하지 않는다. 다음 값들은 불리언 타입으로 변환되며 모두 false로 인식 된다 - 불리언 : false - 정수 : 0 - 실수 : 0.0 - 빈 문자열과 문자열 "0" - 빈 배열 - NULL 위의 값들을 제외한 모든 값(음수 포함)은 true로 인식된다. integer(정수) 부호를 가지는 소수부가 없는 수 64비트 운영체제를 기준으로 -263 ~ (263 - 1) 사이의 값 PHP에서는 부호가 없는 정수는 지원하지 않는다. float(실수) 소수부나 지수부를 가지는 수, 정수보다 더 넓은 표현 범위를 가진다. string(문자열) 일련의 연속된 문자(character)들..

[Project H4C] 2. PHP 기초 (2) 상수(constant) 변수와 마찬가지로 데이터를 저장할 수 있는 메모리 공간이다. 하지만 변수와 다르게 한 번 선언되면 스크립트가 실행되는 동안 그 데이터를 변경하거나 해제할 수 없다. define() 함수 define() 함수로 상수를 선언할 수 있다. define(상수이름, 상숫값, 대소문자구분여부) define() 함수는 첫 번째 인수로 상수의 이름을 전달 받고, 두 번째 인수로 그 값을 전달받는다. 세번째 인수는 상수의 이름이 대소문자를 구분하는가를 설정하며, 기본값은 false로 대소문자를 구분한다. e.g.) define("PHP", "PHP 수업에 잘 오셨습니다! "); // 대소문자를 구분함.(기본 설정) echo PHP; // PHP 수..

[Project H4C] 2. PHP 기초 (1) 변수란? 데이터를 저장하기 위해 프로그램에 의해 이름을 할당받은 메모리 공간 변수의 선언 PHP에서는 달러($) 기호를 사용하여 다음과 같이 변수를 선언한다. $변수이름 = 초깃값; PHP에서는 변수를 선언할 때 타입을 명시하지 않는다. PHP에서 변수의 타입은 해당 변수에 대입하는 값에 따라 자동으로 결정되기 때문이다. e.g.) $var = 10; // 정수값을 대입함 $var = 3.14 // 실수값을 대입함 $var = "PHP"; // 문자열을 대입함 변수 이름의 생성 규칙 변수의 이름은 그 변수가 가지는 데이터의 의미를 잘 나타내도록 하는 것이 좋다. PHP에서는 이러한 변수의 이름을 작성할 때 다음 규칙을 반드시 지켜야 한다. 1. 변수의 이..

[Project H4C] 1. PHP 시작 web system (인터넷을 구성하는 시스템) 웹 시스템은 client와 sever로 구성된다 sever: 웹 서비스를 제공하는 컴퓨터 client: 서버가 제공하는 웹 서비스를 이용하는 사용자 or 사용자의 기기(브라우저) client-side(클라이언트 측에서 수행되는 작업) 웹 시스템에서 브라우저는 서버에서 수신한 HTML 문서를 해석하여 화면에 표시한다 이러한 클라이언트 사이드에서 자주 사용하는 스크립트 언어는 JavaScript가 있다. sever-side (서버측에서 수행하는 처리) 브라우저에서 요청한 HTML 문서에 서버 사이드 스크립트 언어의 코드가 포함되어 있으면, 서버는 이 부분을 자신이 처리하고 그 결과를 브라우저에 보내준다. 이러한 서버 ..

[Project H4C] 9. HTML5 멀티미디어 HTML5와 멀티미디어 파일 형식 http://tcpschool.com/html/html5_multimedia_filetype 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com HTML5 표준이 공식적으로 지원하는 비디오 파일 형식 MP4, WebM, OGV HTML5 표준이 공식적으로 지원하는 오디오 파일 형식 MP3, WAV, Ogg video HTML5 에서는 태그를 이용하여 웹 페이지에 비디오를 삽입할 수 있다. video 요소의 속성 control: 재생, 정지 및 소리의 조절 등 비디오의 기본적인 동작을 조절할 수 있는 패널을 제공 height, width:..

[Project H4C] 8. HTML5 요소 (2) HTML5에서 새롭게 추가된 input 요소들 1. autocomplete form 요소나 Input 요소에 입력된 정보를 저장할지 안 할지를 명시한다. 속성값이 on이면 브라우저는 사용자가 입력하는 정보를 자동으로 저장한다. 그리고 나서 이후에 입력되는 입력값을 저장된 정보를 바탕으로 자동 완성 시켜준다. text, password, range, color, date, detetime-local, month, week, email, url, tel, search 에만 적용 가능. e.g.) 이름: 나이: 2. novalidate novalidate는 input 요소의 속성이 아닌 form 요소의 속성이다. 입력한 정보를 전송할 때 그 정보가 유효한지..

[Project H4C] 8. HTML5 요소 (1) sementic element(의미 요소) 의미요소란, 그 자체로 의미를 가지고 있는 요소이다. 즉, 요소가 자기 스스로 브라우저와 개발자 모두에게 자신이 사용된 의미를 명확히 전달해 주는 요소이다. HTML5에서 추가된 의미 요소들 1. header: HTML 문서나 섹션 부분에 대한 헤더(도입부)를 정의. 한 문서 내에 여러개의 header 존재 가능. 2. nav: HTML 문서 사이를 탐색할 수 있는 링크의 집합 3. main 4. section: HTML 문서에서 섹션 부분을 정의. (섹션이란? 제목을 가지며 문서의 전체적인 내용과 관련된 콘텐츠 집합) 5. atricle: HTML 문서에서 독립적인 하나의 기사부분을 정의. 별도로 읽을 수 ..