본문 바로가기
반응형

전체 글300

태그의 중첩과 목록 태그의 중첩과 목록 (생활코딩) 태그를 중첩해서 사용하는 경우. (왜 그래야 하는지 - 복잡한 문서) - 목록으로 웹 페이지를 표현하는 방법. list 태그만으로는 그룹핑을 할 수 없음. 그래서 ul을 이용. 태그 안에 또 다른 태그가 존재 가능. (중첩 가능) : list 약자, 목록 태그 : unordered list 약자, 순서가 없는 목록 : ordered list 약자, 순서가 있는 목록 2017. 2. 8.
하이퍼텍스트와 속성 하이퍼텍스트와 속성 (생활코딩) 태그만으로 기능을 표현하기에 한계가 있음. 속성! 도널드 커누스에 링크를 넣고 싶다면? URL 링크 (a 라는 태그, 그리고 그 주소를 설명할 URL href) 링크 ( 태그, 속성 ) 새로운 탭에서 페이지를 열리게 하기. 속성 target= "_blank" 속성의 이름에 따라, 기능이 정해져 있다. (약속) 속성의 순서는 상관없음. 똑같이 동작. 링크에 마우스 포인트를 갖다 대면 (간단한 설명) 전설적인 프로그래머 라고 뜨는 것을 확인할 수 있다. (튤팁) title="전설적인 프로그래머"> # a는 anchor (앵커) 약자, 돛 즉, 도널드 커누스 라는 문자는 이 URL에 정박해 있다. 그런 의미. 그것은 a 태그. 2017. 2. 8.
기본문법 (1), (2) HTML 기본문법 (1), (2) (생활코딩) 태그라는 것은 HTML에서 가장 중요한 문법이고, HTML을 규정하는 가장 큰 특징. HTML 가장 쉬운 난이도 (언어 중에서) 20분 : HTML 문법 마스터 - 웹페이지 만들기 (윈도우) 메모장에 어떤 내용 기록 후, 디렉토리 생성해서 a.html, 인코딩 utf-8 저장. 확장자가 html, 파일 명 : a (2) 구체적 태그 (기능) 태그의 의미 : 진하게 표시 (태그)시작태그, 닫히는태그. 오늘의 명언 : 제목 (heading) 태그가 아니라, 컴퓨터에서는 공백 (띄어쓰기) 줄바꿈은 무시함. 소제목 : , 이번 수업에서 가장 중요한 것은 strong, h1, h2 같이 태그를 사용해서 웹 브라우저에게 제공을 해야지만, 내가 원하는 웹 페이지를 만들 .. 2017. 2. 8.
HTML 기술소개 HTML 기술소개 (생활코딩) HTML : Hyper Text Markup Language. 웹 페이지를 전달하는 문법적 언어의 약속. (웹 페이지를 구성하는 단위) - Hyper Text :링크라는 기능 - Mark Up : 문법적인 형식, 문법적인 특성 - Language : 언어 언어 (약속) 컴퓨터와 사람이 서로 이해할 수 있는 언어로 약속. 컴퓨터 언어. 페이지 소스! (해석 + 즐거움) 2017. 2. 8.
HTML 수업 소개 HTML 수업 리뷰에 앞서, 이 모든 정보 소스 제공은 현재 무료로 제공하고 있는 생활코딩 입니다. (생활 코딩) : https://opentutorials.org/course/2039 일방적인 정보 전달형 나열보다는 제가 이해한 내용대로 올려보도록 노력하겠습니다. 서툴고 부족한 점이 많겠지만, 많이 도와주세요. (틀린 내용이 있다면...^^) 감사합니다. 2017. 2. 8.
35. PHP와 MySQL의 연동 (2/2) (생활코딩 작심40시간) 35. PHP와 MySQL의 연동 (2/2) (생활코딩 작심40시간) 전송된 데이터를 가공하는 방법. ?php id = 11, 12 html과 php (데이터 베이스)를 연동해서 화면에 출력한 것을 볼 수 있음. div라는 태그 반복문 실행. while 문은 php 코드 여서 html 코드에 넣을라면 해석 할 수 있게 이러한 여러 과정을 통해서 원하던 이것이 완성되는 것임. 이제 총정리! 클라이언트에서 웹 브라우저가 어떤 정보를 요청했을 때, OS, Hw 랜카드를 통해 나가서 전 세계 인터넷 망을 떠돌다가 80번 포트를 통해 서버의 HW OS를 통과함. 아파치가 해석할 수 없는 엔진은 PHP엔진에 도움을 받음. PHP엔진은 해석을 하다 MySql 같은 SQL 명령어를 전달하고 다시 재해석하여 HTML 코.. 2017. 2. 7.
34. PHP와 MySQL의 연동 (1/2) (생활코딩 작심40시간) 34. PHP와 MySQL의 연동 (1/2) (생활코딩 작심40시간) 마지막 주제 강의! 프론트엔드, 백엔드 (프로세스의 처음과 마지막) 클라이언트 역할을 PHP가 하고 있다는 것. 1. 그것을 프로그래밍적으로 만들어서 서버쪽으로 전송. 2. 사용자가 편하게 디자인 해서 HTML 코드로 만드는 것. //는 인식 X 위 아래 같은 말인데 직접 데이터베이스에 가는 건 어려운 작업이므로.. 함수를 써서 표현하는 것임. host, 유저, 패스워드 111111 직접 php 코드를 여는 게 아니라, 메뉴얼에 적힌 방식으로 2017. 2. 7.
33. 데이터베이스와 MySQL 2/2 (생활코딩 작심40시간) 33. 데이터베이스와 MySQL 2/2 (생활코딩 작심40시간) 데이터베이스! SQL (구조화된 언어를 지시) 종류) MYSQL, ORACLE, MSSQL 웹 표준 호환을 위해 회사마다 SQL이 조금씩 다르지만, 왠만하면 호환됨. (비슷한 구조) MySql : 무료, 오픈 소스 (Sun - 오라클에게 팔림) Xshell - 제어 -hlocalhost -uroot -p111111 데이터 베이스 - 독자적 인증체계 암호화 (방벽이 하나 더 있음.) 현 상태 (지금 저 안에 들어가 있는 것) 표 - > table (실제 데이터) file 그 전에 데이터 베이스 먼저 생성.쉬프트 + 인서트 그러면 mysql -> show databases 시스템이 커짐에 따라서 효과적으로 관리하기 위한 매니지 먼트가 들어 있다.. 2017. 2. 6.
32. 데이터베이스와 MySQL 1/2 (생활코딩 작심40시간) 32. 데이터베이스와 MySQL 1/2 (생활코딩 작심40시간) 워드, 엑셀.(구조화냐 아니냐) SQL을 지원하느냐? Structured Query Language. 구조화된 언어를 지휘. 프로그래밍 적으로 제어! 2017. 2. 6.
pixlr 기본 사용법 4/4 pixlr 기본 사용법 4/4 레이어를 다루는 방법 이런식으로 레이어를 추가해서 편집하게 되면, 기본 이미지를 잃을 염려가 없음. 오른쪽 체크박스를 누르면 그린 이미지가 사라짐. (다시 되돌릴 수 있음) 부분 제거도 가능! 자동으로 레이어가 생성되는 것도 있음(텍스트) 이미지, 텍스트 확대시 이미지 : 깨짐. (비트맵) 텍스트 : 안깨짐 (벡터) 그래서 텍스트는 잘 보이기는 하지만, 수정도 안된다는 것. 그래서 수정을 할려면 레스터화를 해야함. (비트맵으로) 편집 가능해짐. ( 효과를 준다던가 등등) - 그런 레이러를 병합하면, 하나의 이미지로 결합되어 특정 부분을 삭제해도 전체가 제거되는 것을 볼 수 있음. --> 레이어는 아주 중요하고 좋은 기능을 담고 있음. 2017. 2. 5.
pixlr 기본 사용법 3/4 pixlr 기본 사용법 3/4 도구상자를 집중적으로! (기능 위주) 좌측 1. 자르기 도구! (넓이 높이 지정가능) 우측 1. 위치 이동 (배경 , 텍스트 이동) 좌측 2. 이미지 제거, 특정 부분만 제거하고 싶을 경우. 또, 반전을 이용하여 클릭한 부분말고 지울 수 있다.SHift - 합쳐짐, Ctrl - 빼고 싶을 때. 우측 2. 올가미 도구 (원하는 부분을 연필처럼 그려서 영역 선택) 좌측 3. 이미지의 경계선을 따라 그것을 지정할 수 있음. 삭제 가능 좌측 4. 펜 우측 4. 붓 좌측 5. 지우개 우측 5. 이미지 채워주기 좌측 6. 그라데이션 우측 6. 복제 툴 (Ctrl 누르면서) 좌측 7. 편집 레이어 레스터화 우측 7. 채우기모양 좌측 8. 특정 지점을 부드럽게 (주름) 우측 8. 더 날카.. 2017. 2. 5.
pixlr 기본 사용법 2/4 pixlr 기본 사용법 2/4 전반적인 화면구성! (전체 기능) 파일 : 이미지를 불러오고 저장하는. 편집 : 작성했던 것을 복사 저장 편집 등 이미지 : 캔버스 사이즈, 회전 등 조정 : 색상, 색감 조정해서 이미지의 분위기를 바꾸는 것. 필터 : 미리 만들어져 있는 효과. 보기 : 여러 툴바를 키고 끄는 것을 지원. 언어 : 다양한 나라별 언어 지원. 도구 - 이미지를 편집하는 직접적인 도구 모음 네비게이터 : 확대 축소 지정, 이미지 형태 파악 (미니맵) 레이어 : 이미지를 여러 층으로 만들어서, 독립성을 유지할 수 있게 도와주는 것. 히스토리 : 작업 내역 2017. 2. 5.
pixlr 기본 사용법 1/4 1. pixlr 기본 사용법 1/4 새 이미지 생성! 캔버스, 이미지 차이 (이미지 불러오고, 배경에 넣기) - 도구 좌측 상단을 누르고 이미지를 지정 후, Enter를 치면 원하는 이미지를 얻을 수 있음. 글자를 넣을려면, 도구상자의 우측 하단에 A라는 문자도구를 선택해서 입력하고, 옵션을 알맞게 지정하면 된다. 우측 상단의 마우스 모양으로 위치를 이동시킬 수 있음. (글자) 저장 내 컴퓨터에 주로 저장하지만 imm. io에 저장하면 공유가 됨. (30일 정도 엑세스가 없으면 자동 삭제) 공유 예시 가장 기본적인 사용법. 2017. 2. 5.
31. PHP 5/5 (생활코딩 작심40시간) 31. PHP 5/5 (생활코딩 작심40시간) 함수와 관련된 예제 함수 - 정의, 호출 함수의 효용성 복잡한 코드... 빈번한 수정. 재활용성 -입력값 ' 성진, 이고잉, 선호' 에 따라서 '초록색 이고잉'을 변화시키는 방법. 함수도 프로그램이다! -출력값. (PHP에게는 내가 사용자) 사용자 정의 함수. PHP 정의 함수 빌트인 함수 (Print "" - PHP가 정의한 함수, 내장 함수) 다음시간, 데이터베이스 2017. 2. 5.
30. PHP 4/5 (생활코딩 작심40시간) 30. PHP 4/5 (생활코딩 작심40시간) 어레이와 반복문이 결합한 형태 초기화, 반복조건, 반복실행 배열 안에 배열이 들어 갈 수 있다. 배열은 값이기 떄문에. exit;은 프로그램을 종료하는 명령어. 구조적인 DATA echo 넣고 출력! html 코드도 분류해서 관리 가능. php 따로 html body 따로 반복 실행! li 반복 실행 토픽스가 어레이 3개를 가지고 있음. 그래서 1를 통해 출력되는 화면에서는 3개가 나옴. 0 2017. 2. 5.
반응형

티스토리툴바