인프런
-
인프런 - 부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기 #2생산성 향상과 스킬 업/온라인 유료강좌 학습노트 2021. 8. 5. 18:58
1. 부트스트랩 시작하기 가. 일반적 사용방법 2가지 1) 서버에 업로드하여 사용하기 2) CDN 이용하기 나. 간편하게 공식 홈페이지에서 제공하는 기본 HTML 템플릿을 가져다가, 자신이 정한 사용방법에 따른 CDN 링크 적용 2. 최상위 div 요소에 .container 또는 .container-fluid 추가 가. .container : 고정폭 레이아웃을 만들 때 사용 나. .container-fluid : 좌우로 꽉 찬 레이아웃을 만들 때 사용 ※ 필요 시 링크한 css에서 해당 요소의 스타일을 확인하며 사용하면 된다. 이것은 다른 클래스도 동일하다 3. Grid system 활용 가. .col-*-* 여러 개를 사용하면 가로 해상도에 따라 열의 가로 크기를 다르게 정할 수 있다 4. 타이포그래피..
-
인프런 - 부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기 #1생산성 향상과 스킬 업/온라인 유료강좌 학습노트 2021. 8. 4. 15:00
1. 부트스트랩의 개념 가. 웹 프론트엔드 개발 프레임워크 - CSS와 같이 기본적 웹페이지를 만드는 방법을 알고 공부를 시작하는 것이 좋습니다 나. 미리 정의된 을 'class'로 사용 다. 구성 핵심 요소 = CSS + GRID SYSTEM + 컴포넌트 + JAVASCRIPT PLUGIN 2. 부트스트랩 연습 사이트 가. https://getbootstrap.com (영문) Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com 나. https://bootstrapk.com (한글) Bootstrap The most popular HTML, CSS, and JS library in the world. get..
-
인프런 - 컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1 #3생산성 향상과 스킬 업/온라인 무료강좌 학습노트 2021. 4. 20. 23:02
16. 원시웹 (primitive web, web 1.0) - 웹의 메소포타미아 17. 인터넷을 여는 열쇠 : 서버와 클라이언트 - 2대의 컴퓨터 > Web Browser > request index.html > Web Server (index.html) > reponse index.html - 웹서버를 이해하는 방법은 web hosting 서비스를 이용하거나 또는 자신의 컴퓨터에 web server를 설치하는 것이다 18. 웹서버 운영 (github를 이용한 호스팅) - github를 이용해 할 수 있는 일 > 소스코드 변경 내용을 보관하는 버전 관리 > 자신의 github 페이지를 이용해 만든 index.html 호스팅 (단, static web hosting임) 19. 웹서버 운영하기 - 웹서버 소..
-
인프런 - 컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1 #2생산성 향상과 스킬 업/온라인 무료강좌 학습노트 2021. 4. 18. 16:39
8. 통계에 기반한 학습 - html 태그들은 약 150개 정도 되므로, 중요한 것들만 숙지하고 있고 나머지는 찾아서 쓰면 된다 9. 줄바꿈 : br vs p - 줄바꿈 검색 시 추천 검색어 : html new line tag, html paragraph tag > br : 줄바꿈이라는 의미만 있는 단점, 중복 사용 시 줄바꿈 간격을 넓힐 수 있는 장점 > p : 단락이라는 정보 제공의 장점, 줄바꿈의 간격이 이미 정해진 단점 → 단, CSS를 활용해 여백을 조절할 수 있다. 10. HTML이 중요한 이유 - 기초가 중요하다. 기초 그 자체로만도 중요하고, 응용을 위해 나아가기 위해서도 필요하다 1. 태그를 이용해 정보를 표현하고 활용할 수 있다 2. Accessibility : 개방성, 접근성 11. ..
-
인프런 - 컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1 #1생산성 향상과 스킬 업/온라인 무료강좌 학습노트 2021. 4. 17. 13:57
1. 수업소개 나의 문제를 코딩으로 해결하려는 엔지니어의 자세로 공부하자 2. 프로젝트의 동기 직접 만들자 3. 기획 만들기 전에 무엇을 만들 것인가를 설계하는 과정 4. 코딩과 HTML - 필요한 사항 > 사람이 하는 일과 기계가 하는 일의 구분 > 원인과 결과의 추론 5. HTML 코딩과 실습환경 준비 여기서는 ATOM의 예를 들으나 자신에게 맞는 HTML Editor를 찾아 사용하는 것을 목표로 할 것 6. 기본문법 태그 - TAG는 설명이다 > 진하게 > 밑줄 7. 혁명적인 변화 - TAG를 배우고 난 후, 무엇을 모르는 지는 아는 상태가 되어, 검색할 수 있고 질문할 수 있게 되었다 > 검색 후에는 예제를 보고 무엇인지 예상한 상태에서 정의를 보고 확신하는 방법으로 이해하는 것이 좋음