Dev Diary 💻

Intro 타입스크립트를 사용하던 도중 아래와 같은 에러가 발생하였습니다. Property 'offsetTop' does not exist on type 'Element'.ts(2339) Why? document.querySelector('.page').offsetTop 다음의 코드가 있다고 가정해봅시다. 이 코드는 맞는 코드이지만, 결과값이 null이 될 수 있으므로 null 체크를 해줘야 합니다. 두번째로는, 현재 리턴 타입은 Element입니다. 하지만 Element는 offsetTop이라는 프로퍼티를 갖고 있지 않습니다. HtmlElement로 반환될 것이라고 예상할 순 있지만, SVGElement가 될 수 있기 때문에 컴파일러에게는 이 정보가 정확하지 않습니다. 따라서 이 부분 역시 type-a..

이 글은 생활코딩의 'Java' 강좌를 바탕으로 정리한 내용입니다. 같은 이름이지만 서로 다른 매개변수의 형식을 가진 메소드를 여러개 정의할 수 있습니다. class Calculator{ int left, right; int third = 0; public void setOprands(int left, int right){ System.out.println("setOprands(int left, int right)"); this.left = left; this.right = right; } public void setOprands(int left, int right, int third){ System.out.println("setOprands(int left, int right, int third)");..

이 글은 생활코딩의 'Java' 강좌를 바탕으로 정리한 내용입니다. 창의적인 상속 상속은 상위 클래스의 기능을 하위 클래스에게 물려주는 기능입니다. 그렇다면 하위 클래스는 상위 클래스의 메소드를 주어진 그대로 사용해야 할까요? 만약 그래야 한다면 제약이 상당할 것입니다. 이런 제약을 벗어나려면 하위 클래스가 부모 클래스의 기본적인 동작방법을 변경할 수 있어야 합니다. 이런 맥락에서 도입된 기능이 메소드 오버라이딩(overriding)입니다. package org.opentutorials.javatutorials.overriding.example1; class Calculator { int left, right; public void setOprands(int left, int right) { this.l..

이 글은 생활코딩의 'Java' 강좌를 바탕으로 정리한 내용입니다. 상속과 생성자 package org.opentutorials.javatutorials.Inheritance.example4; public class ConstructorDemo { public static void main(String[] args) { ConstructorDemo c = new ConstructorDemo(); } } 위 코드는 에러가 발생하지 않습니다. ConstructorDemo 객체를 생성할 때 자동으로 생성자를 만들어주기 때문입니다. package org.opentutorials.javatutorials.Inheritance.example4; public class ConstructorDemo { public C..

이 글은 생활코딩의 'Java' 강좌를 바탕으로 정리한 내용입니다. 상속이란? 객체 지향에서 가장 중요한 목표 중 하나는 바로 재활용성입니다. 상속은 객체지향의 재활용성을 극대화시킨 프로그래밍 기법이라고 할 수 있습니다. 동시에 객체 지향을 복잡하게 하는 주요 원인이라고도 할 수 있습니다. 상속(Inheritance)이란 물려준다는 의미입니다. 어떤 객체가 있을 때 그 객체의 필드(변수)와 메소드를 다른 객체가 물려받을 수 있는 기능을 상속이라고 합니다. package org.opentutorials.javatutorials.object; class Calculator{ int left, right; public void setOprands(int left, int right){ this.left = l..

이 글은 생활코딩의 'Java' 강좌를 바탕으로 정리한 내용입니다. 초기화 어떤 일을 시작하기 전에 준비하게 되는데, 이를 초기화라고 합니다. 객체 지향 프로그래밍도 초기화에 해당하는 기능이 제공되는데 이를 생성자 (constructor)라고 합니다. 앞서 살펴봤던 계산기 예제를 다시 봅시다. Calculator c1 = new Calculator(); c1.setOprands(10, 20); c1.sum(); c1.avg(); 메소드 setOperands의 값으로 10과 20을 지정했습니다. 이는 객체 내부에서 인스턴스 변수 left과 right의 값으로 설정되어 유지됩니다. 하지만 아래와 같이 메소드 setOperands 호출하기 전에 sum과 avg를 호출한다면 원하는 결과를 얻을 수 없습니다. C..

Intro javascript의 익명함수에 대해 알아보도록 하겠습니다. Anonymous function 익명 함수는 연결된 이름이 없는 함수입니다. 일반적으로 JavaScript에서 함수를 정의하기 위해 함수 이름 앞에 function 키워드를 사용하지만 JavaScript의 익명 함수에서는 함수 이름 없이 function 키워드만 사용합니다. 익명 함수는 처음 생성된 후에는 접근할 수 없으며 값으로 함수로 저장된 변수로만 접근할 수 있습니다. 익명 함수는 여러 인수를 가질 수도 있지만 하나의 표현식만 가질 수 있습니다. Syntax function() { // Function Body } → function 키워드를 사용하여 선언하였습니다. ( () => { // Function Body... } )..

Intro input tag 에서 최소값과 최대값을 설정하는 방법에 대해 알아보도록 하겠습니다. Syntax 숫자 (number) : 최솟값 혹은 최대값을 명시함 날짜 (date) : 최솟값 혹은 최대값을 명시함 Example http://www.tcpschool.com/html-tag-attrs/input-min

Intro 코틀린에서의 이스케이프 문자 (escape character), 그리고 Raw에 대해 알아보도록 하겠습니다. Escape character 이스케이프 문자란, 문자열 내에서 특수한 기능을 수행하는 문자입니다. 역슬래시(\) 기호가 붙은 특수한 기능을 하는 문자 리터럴 입니다. 즉 문자열 안에서 특별한 의미로 해석되는 문자입니다. 구분 의미 \a 경고음 출력 \n 줄 바꿈, 개행 (new line) \t 수평 탭으로 일정한 가격 띄우기, 탭 (tab) \b 백스페이스로 뒤로 한 칸 이동 (backspace) \r 동일한 줄의 맨 앞 칸으로 커서 이동 (carriage return) \f 출력 용지를 한 페이지 넘김 (form feed) \\ \(역슬래시) 문자 출력 \' '작은 따음표 문자 출력..

Intro Axios의 catch() 문에서 Status Code 를 받아오는 방법에 대해 알아보도록 하겠습니다. 예를 들어 다음의 axios 요청이 있다고 가정해 봅시다. axios .get('foo.example') .then((response) => {}) .catch((error) => { console.log(error); //Logs a string: Error: Request failed with status code 404 }); 다음의 방법으로 console.log 로 찍어볼 경우 단순 string 만 반환하게 됩니다. return 된 object를 받고 싶을 경우 어떻게 해야 할까요? How to solve the problem axios.get('/foo') .catch(functio..