본문 바로가기

블록체인교육/웹프로그래밍44

[HTML] 2. HTML 코딩 실습환경(비주얼 스튜디오 코드) HTML 코딩을 위해서 에디터인 비주얼 스튜디오를 다운로드 합니다. 1. 비주얼 스튜디오 코드 다운로드 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 페이지에 들어온 후 Download를 클릭하.. 2023. 4. 6.
ATOM(아톰) 에디터 단축키(윈도우,맥) 1. 윈도우 기준 아톰 에디터 단축키 정리 1.1 에디터 Ctrl + Shift + P: 커맨드 팔레트 열기 Ctrl + P : 트리뷰 내 파일 찾기. [eclipse: Ctrl + Shfit + F] Ctrl + ,: 설정 뷰 Ctrl + .: 키 바인딩 보기 (단축키 작동 현황 보기) Ctrl + K > 방향키: 패널 나누기 Ctrl + K > Ctrl + 방향키: 패널 전환 Ctrl + W: 창(패널) 닫기 Alt + \ or Ctrl + 0: Treeview 포커스 전환 Ctrl + \: Treeview 열기/닫기 Ctrl + K > Ctrl + B: Treeview 열기/닫기 Ctrl + Shift + L: 언어 선택 Ctrl + Shift + M: Markdown 프리뷰 Ctrl + Shift.. 2021. 4. 26.
[JS] 22. API & UI 그리고 프로젝트활용도구 자바스크립트 강의 목차 0. 자바스크립트란 무엇인가? 1. Script 태그 (document.write) 2. 자바스크립트 이벤트란 무엇인가? 3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기 4. 데이터 타입 문자열과 숫자 5. 변수와 대입연산자 6. 자바스크립트로 웹브라우저 제어하기 7. 비교연산자, Boolean 데이터타입 8. 자바스크립트 조건문 및 활용법 9. 리팩토링(refactoring) 10. 배열에 대한 이해 11. 반복문에 대하여 12. 배열과 반복문 13. 배열과 반복문의 활용 14. 함수란 무엇이고 왜 필요한가? 15. 함수의 기본사용법, 매개변수, 인자, 리턴 16. 함수의 활용 17. 객체는 왜 필요한가? 18. 객체란 무엇인가?(객체 생성, 추가, 추출방법) 19... 2020. 10. 27.
[JS] 21. 라이브러리와 프레임워크 자바스크립트 강의 목차 0. 자바스크립트란 무엇인가? 1. Script 태그 (document.write) 2. 자바스크립트 이벤트란 무엇인가? 3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기 4. 데이터 타입 문자열과 숫자 5. 변수와 대입연산자 6. 자바스크립트로 웹브라우저 제어하기 7. 비교연산자, Boolean 데이터타입 8. 자바스크립트 조건문 및 활용법 9. 리팩토링(refactoring) 10. 배열에 대한 이해 11. 반복문에 대하여 12. 배열과 반복문 13. 배열과 반복문의 활용 14. 함수란 무엇이고 왜 필요한가? 15. 함수의 기본사용법, 매개변수, 인자, 리턴 16. 함수의 활용 17. 객체는 왜 필요한가? 18. 객체란 무엇인가?(객체 생성, 추가, 추출방법) 19... 2020. 10. 27.
[js] 20. 파일로 쪼개어 관리하기 자바스크립트 강의 목차 0. 자바스크립트란 무엇인가? 1. Script 태그 (document.write) 2. 자바스크립트 이벤트란 무엇인가? 3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기 4. 데이터 타입 문자열과 숫자 5. 변수와 대입연산자 6. 자바스크립트로 웹브라우저 제어하기 7. 비교연산자, Boolean 데이터타입 8. 자바스크립트 조건문 및 활용법 9. 리팩토링(refactoring) 10. 배열에 대한 이해 11. 반복문에 대하여 12. 배열과 반복문 13. 배열과 반복문의 활용 14. 함수란 무엇이고 왜 필요한가? 15. 함수의 기본사용법, 매개변수, 인자, 리턴 16. 함수의 활용 17. 객체는 왜 필요한가? 18. 객체란 무엇인가?(객체 생성, 추가, 추출방법) 19... 2020. 10. 22.
[JS] 19. 객체의 활용 자바스크립트 강의 목차 0. 자바스크립트란 무엇인가? 1. Script 태그 (document.write) 2. 자바스크립트 이벤트란 무엇인가? 3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기 4. 데이터 타입 문자열과 숫자 5. 변수와 대입연산자 6. 자바스크립트로 웹브라우저 제어하기 7. 비교연산자, Boolean 데이터타입 8. 자바스크립트 조건문 및 활용법 9. 리팩토링(refactoring) 10. 배열에 대한 이해 11. 반복문에 대하여 12. 배열과 반복문 13. 배열과 반복문의 활용 14. 함수란 무엇이고 왜 필요한가? 15. 함수의 기본사용법, 매개변수, 인자, 리턴 16. 함수의 활용 17. 객체는 왜 필요한가? 18. 객체란 무엇인가?(객체 생성, 추가, 추출방법) 19... 2020. 10. 22.
[JS] 18. 객체란 무엇인가? (객체 생성, 추가, 추출방법) 자바스크립트 강의 목차 0. 자바스크립트란 무엇인가? 1. Script 태그 (document.write) 2. 자바스크립트 이벤트란 무엇인가? 3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기 4. 데이터 타입 문자열과 숫자 5. 변수와 대입연산자 6. 자바스크립트로 웹브라우저 제어하기 7. 비교연산자, Boolean 데이터타입 8. 자바스크립트 조건문 및 활용법 9. 리팩토링(refactoring) 10. 배열에 대한 이해 11. 반복문에 대하여 12. 배열과 반복문 13. 배열과 반복문의 활용 14. 함수란 무엇이고 왜 필요한가? 15. 함수의 기본사용법, 매개변수, 인자, 리턴 16. 함수의 활용 17. 객체는 왜 필요한가? 18. 객체란 무엇인가?(객체 생성, 추가, 추출방법) 19... 2020. 10. 21.
[JS] 17. 객체는 왜 필요한가? 자바스크립트 강의 목차 0. 자바스크립트란 무엇인가? 1. Script 태그 (document.write) 2. 자바스크립트 이벤트란 무엇인가? 3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기 4. 데이터 타입 문자열과 숫자 5. 변수와 대입연산자 6. 자바스크립트로 웹브라우저 제어하기 7. 비교연산자, Boolean 데이터타입 8. 자바스크립트 조건문 및 활용법 9. 리팩토링(refactoring) 10. 배열에 대한 이해 11. 반복문에 대하여 12. 배열과 반복문 13. 배열과 반복문의 활용 14. 함수란 무엇이고 왜 필요한가? 15. 함수의 기본사용법, 매개변수, 인자, 리턴 16. 함수의 활용 17. 객체는 왜 필요한가? 18. 객체란 무엇인가?(객체 생성, 추가, 추출방법) 19... 2020. 10. 21.
[JS] 16. 함수의 활용 자바스크립트 강의 목차 0. 자바스크립트란 무엇인가? 1. Script 태그 (document.write) 2. 자바스크립트 이벤트란 무엇인가? 3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기 4. 데이터 타입 문자열과 숫자 5. 변수와 대입연산자 6. 자바스크립트로 웹브라우저 제어하기 7. 비교연산자, Boolean 데이터타입 8. 자바스크립트 조건문 및 활용법 9. 리팩토링(refactoring) 10. 배열에 대한 이해 11. 반복문에 대하여 12. 배열과 반복문 13. 배열과 반복문의 활용 14. 함수란 무엇이고 왜 필요한가? 15. 함수의 기본사용법, 매개변수, 인자, 리턴 16. 함수의 활용 17. 객체는 왜 필요한가? 18. 객체란 무엇인가?(객체 생성, 추가, 추출방법) 19... 2020. 10. 21.