본문 바로가기

Web Develop

[조코딩 웹 개발 5주 완성] 3주차 정리 - JavaScript * 조코딩 웹 개발 5주 완성 강의를 듣고 개인 복습을 위해 정리한 글입니다. https://www.youtube.com/watch?v=n9BBDb4I4Vs 변수 정의 값을 담는 상자 변수 만드는 법 var 변수명 let 변수명 const 변수명 함수 ex) f(x) = 2x + 3 정의 function myFunction(x) { let temp = 2 * x + 3; return temp; } 실행 myFunction(1) ex) f(x, y) = x + y 정의 function add(x, y) { let temp = x + y; return temp; } 실행 add(1, 2) 함수를 정의하는 또 다른 방법 조건문 if(money > 5000) { rideTaxi(); } else if (mone.. 더보기
[조코딩 웹 개발 5주 완성] 2주차 정리 - SEO 최적화 * 조코딩 웹 개발 5주 완성 강의를 듣고 개인 복습을 위해 정리한 글입니다. https://www.youtube.com/watch?v=lkh_S7TJNGw&t=8431s SEO (Search Engine Optimization) 검색 엔진 최적화 SEO가 잘 되어있을수록 검색을 했을 때 상위에 있게 된다. ◇ SEO 가이드 Google https://developers.google.com/search/docs/beginner/seo-starter-guide?hl=ko Naver https://searchadvisor.naver.com/guide/seo-basic-intro SEO의 요소 외부 - 역링크(다른 사이트에서 언급한 것), 방문자 수, 기간 등 내부 - 시멘틱 마크업(의미가 분명한 태그), 메.. 더보기
[조코딩 웹 개발 5주 완성] 2주차 정리 - 검색 엔진에 내 사이트 등록 * 조코딩 웹 개발 5주 완성 강의를 듣고 개인 복습을 위해 정리한 글입니다. https://www.youtube.com/watch?v=lkh_S7TJNGw&t=8431s 검색 엔진에 내 사이트 등록 검색 엔진의 원리 네이버나 구글 등에는 크롤러 봇이 있는데, 이 봇이 모든 사이트들을 돌아다니면서 정보를 수집하고 분류를 하는 역할을 한다. 검색 엔진은 이 크롤러 봇이 가지고 온 정보를 바탕으로 내가 어떤 것을 검색했을 때 그것에 최적화된 사이트를 보여주는 것이다. 따라서 크롤러 봇이 내 사이트가 있음을 인식하도록 만들어야 한다. 크롤러 봇이 특정 사이트를 찾는 원리 1. robots.txt 파일을 읽어 이 사이트의 접근 허용(읽어도 되는지 안되는지) 정책에 따라 판단한다. ※ robots.txt : 크롤.. 더보기
[조코딩 웹 개발 5주 완성] 2주차 정리 - 도메인 등록, favicon 등록 * 조코딩 웹 개발 5주 완성 강의를 듣고 개인 복습을 위해 정리한 글입니다. https://www.youtube.com/watch?v=lkh_S7TJNGw&t=8431s 1. 도메인 등록 DNS (Domain Name System) 도메인 네임과 IP 주소를 대응시켜주는 거대 규모의 분산 시스템 ex) naver.com -> 223.130.200.107 DNS 서버가 설정되어 있어야 인터넷이 가능하다. DNS에 등록을 하는 방법은? 대행해주는 업체를 통해 도매인을 구입하면 각 업체들이 보유한 네임서버에서 DNS에 등록을 해주고 네임서버 관리를 대신해주기 때문에 이 업체에 도메인을 등록만 하면 된다. 도메인 판매 및 네임서버 관리 업체 namecheap GoDaddy gabia cafe24 freenom.. 더보기
[React] 참고하면 좋은 사이트 1. React https://reactjs.org/ React – A JavaScript library for building user interfaces A JavaScript library for building user interfaces reactjs.org React 공식 홈페이지 2. Code Sandbox https://codesandbox.io/s/new React - CodeSandbox React example starter project codesandbox.io 더보기
[HTML/CSS/JS] 웹 개발할 때 참고하면 좋은 사이트 모음 1. html specification https://www.w3.org/TR/2011/WD-html5-20110405/ HTML5 This specification defines the 5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features are introduced to help Web application authors, new elements are introduced based on research www.w3.org HTML을 만든 W3C라는 국제 기구에서 만든 공식 설명서 2. W3Schools https://www.. 더보기