코딩공부(129)
-
Node.js 1일차 - 수업소개
수업소개 html을 직접 타이핑해 웹페이지를 만드는 것에 지쳤다는 불만에서 시작된 것이 Node.js 이미 자바스크립트에 익숙한 웹 개발자들이 웹페이지를 자동으로 생성하는 서버쪽 어플리케이션을 만들 수 있게 하고싶어졌다. 그래서 출시된 것이 Node.js이다. 구글의 V8기반으로 만들어졌다. JavaScript가 웹브라우저를 제어하는 것이였다면 Node.js는 자바스크립트를 이용해서 웹브라우저가아닌 컴퓨터 자체를 제어하는것. 마치 파이썬, 자바처럼!!
2021.12.20 -
html 10일차 - 채팅 기능 추가 / 웹사이트 방문자 분석기
채팅 기능 추가 직접만들기에는 복잡하나 외부에서 코드만 추가하는 것 사용자와 채팅을 가능하게하는 서비스가 있다. https://www.tawk.to/ 100% FREE Live Chat Software, Ticketing & Knowledge Base! - www.tawk.to tawk.to is 100% free live chat software to monitor and chat with visitors on your website or from a free customizable page. www.tawk.to 웹사이트 방문자 분석기 Google Analytics 해당 태그를 head 섹션에 넣는다 통계 기능 넣기 완성~! https://gahyun-p.github.io/WEB1/index.html
2021.12.20 -
JavaScript 2일차 - HTML과 JS의 만남 (콘솔)
HTML과 JS의 만남 (콘솔) 콘솔을 이용하면 파일을 만들지 않고도 자바스크립트 코드를 직접 실행할 수 있다. .length : 문자열의 문자 갯수를 알려주는 명령 첫번째 시도때는 Uncaught SyntaxError: Invalid or unexpected token라는 신텍스에러가 발생해서 감으로 엔터부분을 지우니까 해결이 되었다(?) 이 부분이 궁금하여서 구글링을 해봤는데 JavaScript는 문자열 리터럴에서 엔터를 사용하면 해당 에러가 뜬다고 한다. 그리고 Uncaught SyntaxError같은 경우에는 대부분이 오타가 원인이라고 한다! 콘솔에서 페이지 안의 데이터를 기준으로 편리하고 다양한 자바스크립트 기능들을 사용할 수 있다. ex) 유투브, 페이스북 댓글 추첨 https://gist.g..
2021.12.19 -
html 9일차 - 코드의 힘 동영상 삽입 / 댓글 기능 추가
동영상 삽입 유투브 공유에서 퍼가기를 누른 후에 나오는 iframe 태그를 복붙한다 댓글 기능 추가 댓글 직접 구현은 백앤드 기술이 들어가서 사실 매우 복잡하다 남들이 만든 댓글을 우리 웹사이트에 포함하는 것부터 해보자 disqus 나 LiveRe라는 댓글 시스템 추천 disqus를 이용해 사이트에 댓글 기능을 추가했다! 아주아주 뿌듯하다 ㅎㅎ
2021.12.18 -
JavaScript 1일차 - 수업소개 / HTML과 JavaScript의 만남 1 (script 태그) / HTML과 JavaScript의 만남 2 (이벤트)
수업소개 JavaScript의 탄생 배경 : 사람들의 조작에 의해 상호작용이 가능한 웹사이트를 만들고 싶다! html이 멈춰있는 이미지라고 한다면 JavaScript는 그 이미지를 마치 영화처럼 움직이게 한다. 수업의 목적 자바스크립트는 html을 제어한다! 수업의 최종적인 목표는 무엇인가? -하나의 기능을 구현하기 위해서 필요한 문법을 챙긴다. 실습을 통해 문법을 배운다! 사용자와의 상호작용을 통해 야간모드/주간모드를 버튼을 통해서 바꾸는 기능을 만들어보는 실습을 할 것이다. HTML과 JavaScript의 만남 1 (script 태그) : JavaScript의 시작과 끝을 알리는 태그. 이 안의 내용은 JavaScript로 해석한다. html로 입력한 1+1은 그냥 1+1로 보여지지만 JavaScri..
2021.12.18 -
html 8일차 - 수업을 마치며
수업을 마치며 양은 조금만 공부해도 할 수 있는 것이 기하급수적으로 많아집니다. 반면에 직업은 아무리 노력해도 실력이 잘 늘지 않습니다. 생각해 보면 우리 마음이 힘든 것은 교양에 있을 때 빠르게 높아지는 능력의 속도를 보지 않고 낮은 능력을 보기 때문이 아닐까요? 또 직업에 있을 때는 높아진 능력을 보지 않고 느려진 속도를 보기 때문이 아닐까요? 자괴감, 소외감, 불안감과 같은 부정적 감정도 실력향상에 도움이되지만 만족감, 자신감, 기대감 같은 긍정적인 감정도 실력향상에 도움이 된다. 둘다 도움이 된다면 굳이 부적적인 감정보다는 긍정적인 마음에 기대어 공부하자! 뇌를 괴롭히면 빨리 성장할수는 있어도 오래 성장할수는 없다 공부는 평생해야한다 (하버드 행복학에서 들었던 길게보고 여유롭게가기와 문맥상 통해서..
2021.12.17