전체 글
-
웹표준 사이트 레이아웃 만들기 연습 1 스스로 코드 작성하기프로그래밍 연습 2020. 10. 14. 17:58
웹표준 사이트 레이아웃 만들기 연습 1 스스로 코드 작성하기 오늘은 동영상을 보지 않고 완성 예제만 보고서 스스로 코드를 작성했다. 완성 예제와 소스코드는 아래 내가 작성한 포스팅 혹은 WebStoryBoy님 티스토리 블로그나 유투브에 들어가면 확인할 수 있다. 초반에 기초지식 없이 WebStoryBoy님 강의를 무작정 따라하며 기계적으로 암기가 되었고, 태그사전으로 각 태그들의 정의도 정리하고 있었다. 오늘은 Layout01을 완성예제만 띄어놓고, 직접 코드를 작성하고 정리하려고 한다. 01. 주석을 지정하는 자리가 따로 있다 주석이란 개발자들이 소스코드에 대한 정보를 공유하기 쉽게 작성하는 일종의 메모 같은 것인데, 브라우저 상에는 노출되지 않는다. 처음엔 위치를 고려하지 않고 편한대로 작성했다. 내..
-
인프런 실전 HTML CSS 강좌 정리 - HTML 기본3프로그래밍 연습 2020. 10. 13. 10:51
인프런 실전 HTML CSS 강좌 정리 - HTML 기본3 1. 블록태그 태그처럼 대행이 없지만 블록 쌓듯이 밑으로 나열되는 태그 지난번 정리했던 태그와 List태그가 해당된다. 2. 인라인태그 블록태그와 다르게 옆으로 쭉 나열되는 태그로 인라인 요소가 들어가 있다. 오늘 정리한 태그가 있다. 3. 태그 인라인 요소를 그룹화를 정의한다. 주변 요소와 구별하기 위하거나 다른 적절한 태그가 없는 경우에 사용한다. CSS 스타일링 사용을 위해 설정하는 경우가 많다. 비교 (Compare) 블록 요소를 그룹화한다면 를 사용한다. 인라인 요소를 그룹화한다면 태그를 사용한다. 4. 태그 미디어 영상을 재생하며, 태그와 같이 사용한다. 5. 폼 태그 태그 데이터를 입력할 수 있는 폼 컨트롤을 정의한다. 사용자가 입력..
-
인프런 실전 HTML CSS 강좌 정리 - HTML 기본2프로그래밍 연습 2020. 10. 10. 18:23
인프런 실전 HTML CSS 강좌 정리 - HTML 기본2 https://youtu.be/HheApDKZkRo 리스트 태그 , , , , , 1. 순서가 필요 없는 목록 태그 : unordered list 태그 : list item 2. 순서가 정해져 있는 목록 태그 : ordered list 3. 정의 리스트 태그 태그 - Definition List - 용어의 목록의 시작과 끝을 지정하는데 쓰인다 - 하위요소로는 , 태그가 있다 태그 - Definition Team 약자 - 정의하고자 하는 제목을 나타내는 데 사용된다. 태그 - Definition Description의 약자 - 내용을 적을 곳에 사용된다. , , 모두 블록 요소(Block Element) 속성이다. 4. a 태그 속성 링크 클릭시 ..
-
웹표준 사이트 레이아웃 만들기 연습 1프로그래밍 연습 2020. 10. 9. 23:25
웹표준 사이트 레이아웃 만들기 연습 1 인프런 기초강의를 보면서 차근차근 진행하고 있는 Webstoryboy님 영상이다. 보면서 차근차근 태그 개념도 알아갈 겸 정리하는 중. 01. 웹 표준 사이트 만들기(2019) - layout01 https://wtss.tistory.com/168#comment17580504 01. 웹 표준 사이트 만들기(2019) - layout01 사이트를 만들기 전에 레이아웃을 익히는 것은 가장 기본입니다. 웹 페이지의 레이아웃은 웹 사이트의 외관을 결정짓는 매우 중요한 요소입니다. 앞으로 나오는 레이아웃 예제를 하나하나씩 따 wtss.tistory.com 완성 예제 소스는 위 사이트 주소로 들어가면 된다. 블록구조로 div를 쓰면 한 영역을 자기의 영역으로 인식하기 때문에 ..
-
인프런 실전 HTML CSS 강좌 정리 - HTML 기본프로그래밍 연습 2020. 10. 9. 19:28
인프런 실전 HTML CSS 강좌 정리 - HTML 기본 1- https://inf.run/5E6Q 실전 HTML & CSS 강좌 - 인프런 Web을구성하고있는HTML5 과 CSS3 를 다루는 강좌 입니다. 입문 웹 개발 HTML/CSS 웹 퍼블리싱 온라인 강의 css 강좌 www.inflearn.com 인프런에서 HTML CSS 무료강좌를 들으면서 배운 내용을 토대로 찾아가며 정리한 내용들이다. HTML과 CSS 태그 관련해서 궁금한 부분은 유투브 Webstoryboy에 올라와 있는 레퍼런스를 참고하면 된다. HTML 레퍼런스 https://webzz.tistory.com/221 CSS 레퍼런스 https://webzz.tistory.com/353 HTML 웹 문서를 표현하기 위한 하이퍼 텍스트 마크업..
-
파일질라 (FileZilla) 프로그램 설치법기타 유용한 정보 2020. 10. 4. 10:36
파일질라 (FileZilla) 프로그램 설치법 지난 포스팅에서는 닷홈 무료 도메인 호스팅 방법을 소개했는데요, 지금 포스팅에서는 FTP 프로그램인 파일질라를 소개하려고 합니다. https://filezilla-project.org/ FileZilla - The free FTP solution Overview Welcome to the homepage of FileZilla®, the free FTP solution. The FileZilla Client not only supports FTP, but also FTP over TLS (FTPS) and SFTP. It is open source software distributed free of charge under the terms of the GNU..
-
닷홈 무료 도메인과 호스팅으로 홈페이지 만들기기타 유용한 정보 2020. 10. 4. 10:12
닷홈 무료 도메인과 호스팅으로 홈페이지 만들기 초반부터 유료로 사용하는 건 아깝기 때문에 무료로 만들 수 있는 방법을 찾아보았어요. 가장 유명한 곳이 바로 '닷홈'이더라구요. https://www.dothome.co.kr/index.php 처음에 메뉴바에 들어가서 [웹포스팅]-[무료 호스팅]을 검색했는데 자꾸 도메인을 구입하면 호스팅 무료라고 하는거에요. 포트폴리오 용도로 간단하게 쓸 건데 굳이 년간 1만원 결제해서 유료로 사용할 필요가 없기에 홈페이지를 뒤적이니까 무료 호스팅 배너가 뜨더라구요. 닷홈 무료호스팅은 이용기간 3개월에 도메인은 1개당 최대 3개를 사용할 수 있어요. 계정 아이디가 FTP아이디, DB명, DB아이디, 기본제공 도메인 주소가 되기 때문에 신중하게 결정하셔야 되요. 그리고 FTP..
-
온라인 C언어 컴파일러 사이트 추천 Best 3기타 유용한 정보 2020. 10. 4. 01:04
온라인 C언어 컴파일러 사이트 추천 Best 3 비주얼 스튜디오 사용기간 만료로 이클립스를 설치하려다가 온라인 컴파일러 사이트를 찾아봤는데, 가장 마음에 드는 사이트 세 곳 소개하려고 합니다. 이클립스도 좋지만 프로젝트를 하는 것도 아니고 연습삼아 코드를 짜는 목적으로는 설치가 필요없는 온라인 C언어 컴파일러가 간단하고 좋아보여요. 01 Repl.it https://repl.it/languages/c C Online Compiler and IDE - Fast, Powerful, Free Repl.it is the world-leading online coding platform where you can collaborate, compile, run, share, and deploy C online. Co..