본문 바로가기

전체 글21

JavaScript JavaScript (1) 프로그래밍 언어로, HTML 상에서 쓸 수 있는 언어 JavaScript 기초 문법 (1) 변수 선언 - 이름에 특정한 값을 부여하겠다는 뜻 - let 뒤에 원하는 변수 이름을 적고 = 뒤에 값을 적으면 된다 ex) let num = 10 // 변수를 선언할 때는 앞에 let 을 쓴다 console.log(num) - 콘솔창에서 직접 코드 입력할 때는 변수 이름만 적고 엔터를 쳐도 값을 확인할 수 있음 ex) num // 10이 출력됨 - 변수를 한 번 선언하고 나서는 그 값을 바꾸어줄 수 있다. ex) let num = 20 num //20 num = 2 num //2 - 변수 선언을 먼저 하고 값을 나중에 넣어줄 수도 있다. ex) let num num // 아직 값이 정의.. 2024. 1. 9.
웹 기초 웹 동작 개념 (html 을 받는 경우) (데이터만 받는 경우가 훨씬 많다.) (1) 웹페이지: 서버에서 미리 준비해두었던 것을 '받아서' '그려주는 것'. * 즉, 브라우저가 하는 일은 - 1. 요청을 보낸다. (서버가 만들어 놓은 "API"라는 창구에 미리 정해진 약속대로 요청을 보냄) - 2. 받은 HTML 파일을 그려준다. HTML (1) 개념 - HTML : Hypertext Markup Language - 브라우저 화면에 표시되는 문서를 작성하는 데 쓰는 Markup 언어 (2) 역할 - 태그(tag) 라고 불리는 요소들을 이용해 화면 분할 - 텍스트와 이미지, 하이퍼링크 등을 배치 - 개발자 도구에서 elements 탭 > 웹페이지 구성하는 HTML 요소 확인 가능 - 각 태그들은 보통 시작.. 2024. 1. 6.
Line Width - 하는 일은 선을 그리는 것 뿐 : lineTo, stroke - 이전에 그려진 선과 새로운 선의 연결을 끊어주기 : ctx.beginPath(); - ctx.fillColor (안을 채워주는 색) - ctx.stokeColor (선 색) 2023. 2. 5.
CANVAS API * 자동완성 안 뜰 때 : /** @type {CanvasRenderingContext2D} */ - 정의 : canvas API 창이다. -canvas API 는 Javascript로 그래픽을 그릴 수 있게 해주는 API - 모든 canvas 는 Javascript 가 메인 html 에서는 짧게 canvas로 불러오기만 한다. -context : 캔버스에 그림을 그릴 때 사용 - fillRect : 단축함수(선들을 먼저 그리고(rect) fill(채우기) 할지 stroke(선만) 할지 선택해야 함) - (point 1) 기본적으로 코드에서 모든 단계들을 하나씩 다 해야한다 선을 만들고, 선을 만들고, 색을 적용해야한다. - (point 2) 경로를 나눌 수 있다. (befinPath) - moveTo .. 2023. 2. 2.
깃(2) 1. 파일 생성 2. vs code에서 폴더 열기 3. 폴더의 파일 생성 4. vscode 터미널 열기 5. 터미널에서 git init 입력 -> 폴더에 git 저장소 생성됨. 6. 이름과 이메일 등록함 : git config --globla user,name"..이름.." , git config --globla user,email"..이메일.." 7. git status 입력해서 상황 살핌 8. 아직 commit(백업) 되지 않은 파일 확인할 수 있음 9. git add-A 명령어로 모든 것을 (타임캡슐에)저장 10. git commit -m"...캡슐 이름..." 명령어로 commit(타임캡슐 묻음) 11. git status 명령어로 상황 살펴보면 더이상 commit(백업)할 .. 2023. 1. 28.
깃(1) 함께 공부하면서 직접 결과물을 낼 수 있는 프로젝트 팀에 참여하게 됐다. 아이디어 구상부터 서비스 완성까지 하기에 앞서 주어진 가이드에 맞춰 공부하기로 했다. 1. 필요한 이유 - 버전 관리 : 바뀌기 전 내용들도 중간 중간 저장(백업)할 수 있음. (나중에 언제 필요로 하게 될지 모름. ) 웹 또는 웹사이트 또는 게임 등 소프트웨어를 만들기 시작하면 파일들이 다 담기는 프로젝트 폴더가 있다. 그 폴더에서 git 을 시작하면 폴더의 모든 수정내역들이 저장되는 {.git} 이라는 폴더가 생긴다. commit이라는 명령어 실행 -> 폴더의 전체 내용이 박제됨. (의미있는 변화가 있을 때마다 박제, 용량 노차지 새로 만들 파일 생성, 수정된 내역 복원, 지웠던 파일 복구 애매할 때 : 가지치기 .. 2023. 1. 24.