본문 바로가기
반응형

언어

 (70)
try-with-resources try 만을 사용한 입출력 표현 방법 /// 전통적으로 자원이 제대로 닫힘을 보장하는 수단으로 try-finally가 쓰였다. static String firstLineOfFile(String path) throws IOException { BufferedReader br = new BufferedReader(new FileReader(path)); try { return br.readLine(); } finally { br.close(); } } // 위에 것도 나쁘지 않지만 자원을 하나더 사용한다면 어떨까 private static final int BUFFER_SIZE = 16; static void copy(String src, String dst) throws IOException { Input..
javascript: 프로토타입 체이닝 const c1 = { name: 'C1', color: 'red', }; const c2 = { name: 'C2', width: 300, }; const c3 = { name: 'C3', height: 100, }; c1.__proto__ = c3; c3.__proto__ = c2; console.log(c1.width); //300 자바사크립트에서는 현재 내부객체에서 호출 값을 찾지못하면 __proto__에서 그 값을 추가적으로 찾는다. 다음과 같이 체이닝 기법으로 연결해두면 값을 찾게 되는 매커니즘이다. 이렇게 프로토타입을 연결시켜서 재활용 할 수 있다. 함수의 프로토타입 function Foo(name) { this.name = name; } Foo.prototype.lastName = 'Woo..
바인딩 되지 않는 this 화살표 함수가 나오기 전까지는, 모든 새로운 함수는, 어떻게 그 함수가 호출되는지에 따라 this값을 정의했습니다. 이는 객체 지향 스타일로 프로그래밍할 때 별로 좋지않습니다. function Person() { this.age = 0; setInterval(function growUp() { this.age++; }, 1000); } var p = new Person(); 비엄격 모드에서는 setInterval 안의 this와 Person객체안의 this는 다릅니다. 엄격모드란? https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Strict_mode Strict mode - JavaScript | MDN 엄격 모드는 평범한 JavaScrip..
코딩테스트 자주사용하는 코드 (JavaScript) https://redbinalgorithm.tistory.com/579 코딩테스트 자주사용하는 코드 (JAVA) 여러 코딩테스트를 하다보면 VS Code, 이클립스같은 IDE를 사용하지 못하는 코딩테스트가 있다. 또한 요즘 코로나로 퍼지면서 실시간 녹화와 원격으로 감시하기 때문에 검색을 하거나, IDE의 자동 redbinalgorithm.tistory.com 이전에 JAVA로 자주 사용하는 코딩테스트 형식을 공유했다. 이제는 JS로 어떻게 사용할지에 대한 문의를 쓸려고 한다. Sort 함수 var arr = [1,3,4,5,6]; arr.sort(); class 사용법 function으로 대체가능 class Car { constructor(type, year) { this.type = type; this..
javascript : 단어 벽 부딪히기 효과
javascript : 회전시키기 천체의 움직임을 표현하기위해서 삼각함수를 사용한다. @ = 태양 O = 지구 * = 달 이라고 가정했을때 수식을 작성한다. @ O * 소스코드는 어렵지 않다 기본적이 삼각함수를 이용해서 움직임을 1초에 30번식 바꾸도록 표현한다. 먼저 태양을 중심으로 각도를 이용해서 좌표를 구하고 지구를 중심으로 각도를 이용해서 달의 좌표를 구한다. 앵글의 속도는 달이 지구가 돌아가는것보다 3배 빠르다
javascript : 스타일 속성 이름 차이점 "왜 스타일 시트에서 사용하던 스타일 속성 이름을 그대로 입력하면 안될까?" 자바스크립트는 특수 기호 '-'을 식별자에 사용할 수 없으므로 다음처럼 입력하면 오류가 발생한다. var header = document.getElementById('header'); header.style.background-color = 'red'; 따라서 '-'으로 연결된 속성은 다음과 같은 방식으로 사용한다. var header = document.getElementById('header'); header.style.backgroundColor = 'red'; 특수 기호'-'으로 끊긴 단어의 첫 글자를 대문자로 변경하면 됩니다. 스타일 시트의 스타일 속성 자바스크립트의 스타일 식별자 background-image back..
javascript : 브라우저 관련객체 브라우저 객체 모델 BOM 은 웹 브라우저 관련된 객체를 의미한다. window, location, navigator,history,screen,document 객체가있다. 하나하나 객체에대한 기본기능들을 사용해보자! 이처럼 window에는 많은 내용들이 담겨있다.. open( ) 메서드 새로은 브라우저창을 여는 open메서드이다. 팝업이 있으면 진행되지 않기에 다음처럼 예외처리를 해줬다. window 객체의 기본 메서드 메서드 이름 설명 moveBy(x,y) 윈도우의 위치를 상대적으로 이동 moveTo(x,y) 윈도우의 위치를 절대적으로 이동 resizeBy(x,y) 윈도우의 크기를 상대적으로 지정 resizeTo(x,y) 윈도우의 크기를 절대적으로 지정 scrollBy(x,y) 윈도우 스크롤의 위치를..
반응형

티스토리툴바