코딩과 나

📚 TIL 모던 JavaScript 튜토리얼 파트 1 - 코어 자바스크립트 ⌛ 함수 심화학습 재귀와 스택 재귀(recursion) : 함수 내부에서 자기 자신을 호출하는 것을 나타내는 프로그래밍 용어 재귀 단계(recursion step) : 함수가 자신을 호출하는 단계 재귀의 베이스(base) : 작업을 아주 간단하게 만들어서 함수가 더 이상은 서브 호출을 만들지 않게 해주는 인수 재귀적으로 정의된 자료 구조는 자기 자신을 이용해 자료 구조를 정의 모든 재귀 함수는 반복문을 사용한 함수로 다시 작성할 수 있음 나머지 매개변수와 전개 문법 ... : 나머지 매개변수나 전개 문법으로 사용 나머지 매개변수 : ...이 함수 매개변수의 끝에 있으면 인수 목록의 나머지를 배열로 모아줌 argument 변수 : ..

📚 TIL 모던 JavaScript 튜토리얼 파트 1 - 코어 자바스크립트 🐝 객체 : 기본 객체 객체 : 몇 가지 특수한 기능을 가진 연관 배열(associative array), 프로퍼티(키-값 쌍)를 저장 프로퍼티 키는 문자열이나 심볼, 값은 어떤 자료형도 가능 프로퍼티 접근 : 점 표기법 - obj.property, 대괄호 표기법 - obj["property"] 추가 연산자 delete obj.prop 프로퍼티를 삭제하고 싶을 때 "key" in obj 해당 key를 가진 프로퍼티가 객체 내에 있는지 확인하고자 할 때 for (let key in obj) 프로퍼티를 나열할 때 일반 객체 이외에도 Array, Date, Error 등 다양한 종류의 객체가 있음 참조에 의한 객체 복사 객체가 할당된 ..

📚 TIL 모던 JavaScript 튜토리얼 목차 파트 1 코어 자바스크립트 소개 자바스크립트 기본 코드 품질 객체: 기본 자료구조와 자료형 함수 심화학습 객체 프로퍼티 설정 프로토타입과 프로토타입 상속 클래스 에러 핸들링 프라미스와 async, await 제너레이터와 비동기 이터레이션 모듈 기타 파트 2 브라우저: 문서, 이벤트, 인터페이스 문서 이벤트 기초 UI 이벤트 Forms, controls 문서와 리소스 로딩 기타 파트 3 추가 주제 프레임과 윈도우 Binary data, files 네트워크 요청 브라우저에 데이터 저장하기 애니메이션 웹 컴포넌트 정규 표현식 파트 1 - 코어 자바스크립트 🍓 소개 자바 스크립트 : 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어 매뉴얼과 명세서 : ..

📚 TIL 인터랙티브 자바스크립트 🎉 자바스크립트 중급 인터랙티브 자바스크립트 토픽 완료! 토픽2, 3은 출시 예정이래요 🎉 🔎 이벤트 살펴보기 이벤트 핸들러 등록하기 - onclick 프로퍼티로 새로운 이벤트 핸들러를 할당하면 (1) 기존의 값을 덮어쓰는 문제가 발생하고 (2) 여러 개의 이벤트를 다룰 수 없음 - addEventListener 메소드를 활용하면 위의 문제를 해결할 수 있음 - 이벤트를 삭제할 때 등록할때 사용했던 핸들러를 그대로 전달해야 함 elem.addEventListener(event, handler) elem.removeEventListener(event, handler) 이벤트 객체(Event Object) - 웹 페이지에서 이벤트가 발생할 때 관련된 정보를 담은 객체 - 이..

🌞 몸무게 45kg 되기 🌞 🌞 취업하기 🌞 🌞 영어 실력 올리기 🌞 🌞 블로그 꾸준히 운영하기 🌞 🌞 운동 열심히 하기 🌞 🌞 바이올린 열심히 배우기 🌞 🌞 문화생활 즐기기 🌞 🌞 취미 꾸준히 하기 🌞 🌞 시간 소중하게 쓰기 🌞 🌞 1번부터 9번까지 잘 지키기 🌞

📌 코드잇 웹 퍼블리싱 코스 복습하기 📌 코드잇 자바스크립트 기초 코스 복습하기 1월 14일 📌 코드잇 유닉스 커맨드 라인 코스 복습하기 📌 코드잇 자바스크립트 중급 코스 수강하기 1월 11일 📌 코드잇 Git으로 배우는 버전 관리 코스 수강하기 📌 Git 사용하여 GitHub에 작업하는 법 익히기 1월 15일 📌 모던 JavaScript 튜토리얼 공부하기 1월 12일~14일 📌 JavaScript, HTML, CSS로 Todo 리스트 만들기 📌 React 학습하기 📌 React로 Todo 리스트 만들기 📌 블로그 정리하기 1월 11일~14일

📚 TIL 인터랙티브 자바스크립트 JavaScript 중급 코스의 인터랙티브 자바스크립트 토픽입니다! 🧸 인터랙티브 자바스크립트 시작하기 자바스크립트 연결 id로 태그 선택하기 - 하나의 요소를 선택할 때 사용 - 존재하지 않는 id를 입력하면 null이 리턴됨 const myTag = document.getElementById('id'); console.log(myTag); class로 태그 선택하기 - 여러 요소들을 한꺼번에 선택할 때 사용 - 존재하지 않는 class를 입력하면 HTMLCollection []이 출력됨. const myTags = document.getElementsByClassName('class'); console.log(myTags); for (let tag of myTags)..

📚 TIL 자바 중급 개념 🎉 현재 시각 새벽 1시 28분 [자바 기초] 코스 수료!! 🎉 ⛄ 제네릭 제네릭 클래스(Generic Class) 타입 파라미터 : 꺽쇠 기호()사이에 있는 파라미터 제네릭 클래스 : 타입 파라미터를 받는 클래스 public class Box { private T something; public void set(T object) { this.something = object; } public T get() { return something; } } Box box = new Box(); //타입 파라미터로 String을 넘겨주면 클래스에 있던 모든 T가 String으로 대체됨 제네릭을 사용한 클래스 상속 public class SubjectBox extends Box { pub..

📚 TIL 자바 중급 개념 🚙 상속 상속(Inheritance) public class ChildClass extends ParentClass { - 부모 클래스(Parent Class) : 상속해주는 클래스 - 자식 클래스(Child Class) : 상속받는 클래스 메소드 오버라이딩(Method Overridding) - 자식 클래스가 부모 클래스가 가지고 있는 메소드를 덮어 쓰고 싶을 때 사용 - @Override로 표시 어노테이션(Annotation) - 골뱅이(@)가 붙어있는 문법 - 주석(Comment)과 어느정도 비슷하지만, 어노테이션은 자바에서 추가적인 기능을 제공 super (1) 자식 클래스가 부모 클래스의 변수, 메소드를 사용할 때 사용 부모 클래스 public class BankAcc..

📚 TIL 자바 객체 지향 프로그래밍 🎉 드디어 자바 객체 지향 프로그래밍 토픽 끝!! 복습 필수다 🎉 1. 몬스터 가방 안에 담기 - 혼돈의 코딩.. HashMap과 ArrayList를 겹쳐서 쓰다니!! 넘나 어렵다 - 문제를 풀지 못해 내 코드와 비교할 수가 없어서 이 문제의 포인트 몇 가지를 정리했다! (1) pokemons 변수 생성 - 하나의 key에 여러 value를 담기 위해서 key에 대응하는 value를 ArrayList로 했다. private final HashMap pokemons = new HashMap(); (2) HashMap에 인스턴스 넣기 - 새로운 key 값인 경우 ArrayList를 만들고 값 추가 - 이미 같은 이름의 key가 존재하는 경우 기존의 ArrayList에 값..