본문 바로가기

분류 전체보기172

22.11.14 TIL 오늘 한 일 내일배움캠프 노드트랙 개강OT 내일배움캠프 4기 첫 발제 및 미니프로젝트 발제 git 특강 미니프로젝트 기획 및 업무분담 회의 내일 할 일 미니프로젝트 개인 소개 페이지 만들기 회고 처음 프로젝트를 하다보니 팀원들과 많이 해멨고, 회의에 시간이 많이 걸렸다. 오늘 하루는 개강 OT 및 발제로 오전이 다 갔고 오후엔 튜터님과 면담, git 특강 및 회의로 다 가서 거의 10시가 되어서야 가닥이 잡힌채로 회의가 끝났다. 내일 안으로 개인 페이지를 얼른 만들어야겠다. GIT 특강 git init #.git 생성 git add #파일 추가 git commit -m "" #추가된 파일을 저장소에 쓸 때 사용 git branch #브랜치 목록보기 git branch name #브랜치 만들기 git br.. 2022. 11. 14.
[혼공스] Ch.09 클래스 클래스의 기본 기능 추상화 프로그램에 필요한 요소만 사용해서 객체를 표현하는 것을 추상화라고 합니다. 좀 더 포괄적인 사전적 의미로는 복잡한 자료, 모듈, 시스템 등으로부터 핵심적인 개념과 기능을 간추려내는 것을 추상화라고 합니다. 이렇게 추상화를 활용해서 함수를 만들면 객체를 하나하나 만들 때와 비교해서 오탈자의 위험이 줄어듭니다. 코드를 입력하는 양이 크게 줄어듭니다. 속성과 메소드를 한 함수 내부에서 관리할 수 있으므로 객체를 더 손쉽게 유지보수 할 수 있습니다. 단점으로는 객체별로 메소드를 생성하므로 함수라는 기본 자료형보다 무거운 자료형이 여러 번 생성됩니다. 클래스 선언하기 객체들을 정의하고 그러한 객체를 활용해서 프로그램을 만드는 것을 객체 지향 프로그래밍(Object Oriented Pro.. 2022. 11. 4.
[혼공스] Ch.08 예외 처리 구문 오류와 예외 구문 오류(syntax error) 프로그램 실행 전에 발생하는 오류입니다. 괄호의 작을 맞추지 않았다든지, 문자열을 열었는데 닫지 않았다든지 할 때 발생합니다. 이러한 구문 오류가 있으면 웹 브라우저가 코드를 분석조차 하지 못하므로 실행 되지 않습니다. 예외(exception) 또는 런타임 오류(runtime error) 프로그램 실행 중에 발생하는 오류입니다. 자바스크립트에서는 SyntaxError라고 출력되는 오류 이외의 모든 오류(TypeError, ReferenceError, RangeError)가 예외로 분류됩니다. 기본 예외 처리 조건문을 사용해서 예외가 발생하지 않게 만드는 것을 말합니다. 고급 예외 처리 try catch finally 구문을 사용해서 예외를 처리하는 방.. 2022. 11. 3.
[혼공스] Ch.07 문서 객체 모델 문서 객체 조작하기 DOMContentLoaded 이벤트 문서 객체를 조작할 때는 DOMContentLoaded 이벤트를 사용합니다. 기본적으로는 head 태그 내부에 script 태그를 배치하면 body 태그에 있는 문서 객체(요소)에 접근할 수 없습니다. head 태그 내부의 script 태그에서 body 태그에 있는 문서에 접근하려면 화면에 문서 객체(요소)를 모두 읽어들일 때까지 기다려야 합니다. DOMContentLoaded 이벤트는 웹 브라우저가 문서 객체를 모두 읽고 나서 실행하는 이벤트입니다. document.addEventListener('DOMContentLoaded', () => { //문장 } 문서 객체 가져오기 HTML 문서에 있는 head 요소와 title 요소 등은 다음과 같은.. 2022. 11. 3.
[혼공스] Ch.06 객체 객체의 기본 객체 자바스크립트에서 여러 자료를 다룰때는 객체를 사용합니다. 배열도 객체입니다. //객체의 형태 키: 값 //예시 const product = { 제품명: '건조 망고' 성분: '망고, 설탕' 원산지: '필리핀' } 속성과 메소드 배열 내부에 있는 값을 요소(element)라고 합니다. 객체 내부에 있는 값은 속성(property)이라고 합니다. 객체 내부에 있는 함수(함수 자료형인 속성)를 메소드(method)라고 합니다. 메소드 내부에서 this 키워드 사용하기 메소드 내에서 자기 자신이 가진 속성을 출력하고 싶을 때는 자신이 가진 속성임을 분명하게 표시해야 합니다. 자기 자신이 가진 속성이라는 것을 표시할 때는 this 키워드를 사용합니다. 동적으로 객체 속성 추가/제거 객체를 처음 .. 2022. 11. 2.
[혼공스] Ch.05 함수 함수의 기본 형태 함수를 사용하면 좋은 점 반복되는 코드를 한 번만 정의해놓고 필요할 때마다 호출하므로 반복 작업을 피할 수 있음 긴 프로그램을 기능별로 나눠 여러 함수로 나누어 작성하면 모듈화로 전체 코드의 가독성이 좋아짐 기능별(함수별)로 수정이 가능하므로 유지보수가 쉬움 익명 함수 function () { } 선언적 함수 let 함수 = function () { } 매개변수와 리턴값 매개변수 = 함수를 호출할 때 괄호 안에 적는 것 리턴값 = 함수의 최종 결과 function 함수(매개변수, 매개변수, 매개변수) { 문장 문장 return 리턴값 } 나머지 매개변수 호출할 때 매개변수의 개수가 고정적이지 않은 함수를 가변 매개변수 함수라고 부릅니다. 자바스크립트에서 이러한 함수를 구현할 때는 나머지.. 2022. 11. 2.

티스토리툴바