본문 바로가기

02_STUDY/HTML7

생활코딩 WEB1 - 부록 - 코드의 힘 (동영상넣기, 댓글기능, 방문자채팅기능, 웹사이트 방문자 분석기) 정리 2021-12-13 21:10:49 WEB1-부록-코드의 힘. 동영상 넣기 공유버튼 - 아래쪽 EMBED (예전에는 소스) - 소스 복사 붙여넣기 (iframe 태그) WEB1-부록-코드의 힘. 댓글 기능 백엔드 기술, 데이터 베이스 구현, 스팸차단 기능 필요, 이미지 넣는 댓글 등등 -아주 아주 어려움! DISQUS 로그인 - 관리자 - YourSites - New - WebSite이름 넣고 카테고리, 크리에이트, 렛츠 겟 스타트 - 유니버셜코드 (Live Re도 추천) WEB1-부록-코드의 힘. 방문자 채팅 기능 tawk 로그인 - 관리자 - widget code - 웹사이트에 코드 포함 주소가 file이면 X, 반드시 웹 서버를 통해야 함 WEB1-부록-코드의 힘. 웹사이트 방문자 분석기 https.. 2023. 4. 11.
생활코딩 WEB1 - HTML & Internet 20강 정리 2021-12-13 20:58:40 이고잉님은 기술을 본질과 혁신으로 구분하고 학습을 교약과 직업으로 분리하며 본질은 교양과, 혁신은 직업과 좋은 짝이라고 생각한다고 말한다. 이고잉님이 코딩을 하면서 느낀 점을 그래프로 그려 나타내는데 X축을 진도라고 했을떄 중요도는 점차 낮아지고 난이도는 높아지는 그래프를 그렸다. 처음 배우는 것은 모든 것의 공통분모이고, 뒤에 배우는 것은 특수한 상황에 유용한 것들로 진도가 나아갈수록 중요도는 낮아지고 난이도는 급격히 높아진다고 한다. 두 그래프를 그렸을 때 교점이 있고 그 교점의 앞쪽은 본질을 뒤쪽은 혁신을 배우고 앞쪽은 교양이고 뒤쪽은 직업이라고 생각한다고 한다. 교양은 쉽지만 매우 중요한 것을 배우고 직업은 어렵지만 덜 중요한 것을 배운다. 교양은 조금만 공부해.. 2023. 4. 11.
생활코딩 WEB1 - HTML & Internet 19강 정리 2021-12-13 01:46:45 WEB1-19강. 웹서버 운영하기 웹서버 운영하기 위해선 웹서버 프로그램 설치하기 웹 브라우저는 제품명X, 제품군O, 웹 서버도 마찬가지로 제품군 Apache(아파치), IIS, Nginx(엔진엑스) 셋 중에 Apache 아파치 이용 (오픈소스, 무료, 공공재) 아파치는 2017년 생활코딩의 동영상 업로드 기준에서 한번도 일등의 자리를 뻇긴 적 없는 제왕 미래에는 설치 방법이 달라져 있을 수 있기 떄문에 how to install apache http server 운영체제 라고 검색 꿀팁은 해단 년도까지 뒤에 붙여서 검색하기 (항상 생활코딩님 강의 듣다보면 미래까지 생각해서 말해주는 것들이 있는데 진짜...새삼 존경스러움..이런 강의를 공짜로 듣는 것 자체가 너무 감사.. 2023. 3. 30.
생활코딩 WEB1 - HTML & Internet 18강 정리 2021-12-12 23:37:56 WEB1-18강. 웹호스팅 : github page 인터넷이 연결되어 있는 컴퓨터 한 대, 한 대 = host 웹 서버를 운영하기 위한 컴퓨터, host를 빌려주는 회사 = 웹 호스팅 업체 깃허브 서비스 중 하나가 홈페이지 운영할 수 있는 웹 서버를 무료로 제공 깃허브 사용하기 1. Sign up(회원가입) 2. Sign in(로그인) 3. New repository (*Repository = 저장하는 공간, 저장소, 깃허브는 작성한 코드 소스를 보관, 프로그래머 전용 파일 보관이라고 보면 됨) 4. Create a new repository에서 Repository name(프로젝트 이름)넣고 public 5. initialize this repository with .. 2023. 3. 30.
생활코딩 WEB1 - HTML & Internet 15강-17강 정리 2021-12-12 14:06:20 WEB1-15강. 웹사이트 완성 웹 페이지와 웹페이지를 링크로 연결 (=본드, 실, 길) ---Web site 책처럼 엮으려면 각각의 링크 생성 필요 WEB은 Iindex.html 파일을 링크로 걸고, 페이지가 나올거임 (웰컴페이지) 1.HTML클릭 -1.html 2.CSS-2.html 3.Java Script-3.html 각각의 요소를 링크 넣기 ​ 예) 1.html을 복사해서 새로운 파일을 만들어서 2.html / 3.html / index.html을 만든다 각각의 페이지 내용 넣고 연결-리로드 확인 WEB1-16강. 원시웹 1.웹 페이지를 만들기-코딩이 무엇인가 2. 내가 만든 웹페이지를 누구나 가져갈 수 있게 만들기 - 인터넷은 무엇인가 ​ 웹의 역사 웹이 웹이.. 2023. 3. 30.
생활코딩 WEB1 - HTML & Internet 1강-14강 정리 2021-12-12 13:58:42 WEB1- HTML & Internet WEB1-1,2강 생략 WEB1-3강 기획 상상, 기획, 구체화 WEB1-4강 코딩과 HTML 구현 : 원인인 코드를 통해 결과를 만든다. 코딩의 핵심 원인 Code=Source=Langage (사람이 하는 일) >>부호, 신호라는 의미에서 코드, 원천이라는 뜻의 소스, 약속이라는 의미에서 언어 결과를 부르는 것 Application, App, Program, Webpage, Website (기계가 하는 일) * 웹페이지를 만드는 코드 = HTML HTML 장점 : 쉬우면서 중요하다.인류가 생산하는 모든 디지털 정보가 담기는 거대한 그릇. PUBLIC DOMAIN 저작권이 없는 완전한 자유의 퍼블릭 도메인 빨리 가려면 혼자 가고 .. 2023. 3. 30.