Phot_o_matic Programming

문제 : 어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 한다. 예를 들어AB는 1만큼 밀면BC가 되고, 3만큼 밀면DE가 된다.z는 1만큼 밀면a가 된다. 문자열 s와 거리 n을 입력받아 s를 n만큼 민 암호문을 만드는 함수, solution을 완성해 보아라. 제한 조건 공백은 아무리 밀어도 공백 s는 알파벳 소문자, 대문자, 공백으로만 이루어져 있다. s의 길이는 8000 이하이다. n은 1 이상, 25 이하인 자연수이다. 입출력 예 snresultAB1BCz1aa B z4e F d 알파벳과 관련된 알고리즘을 풀 때에는 아스키 코드표를 이용하면 훨씬 편해진다. function solution(s, n) { let arr = []; n = n % 26..

Programming/Algorithm 2019. 4. 16. 19:27

Recursion이란? : Function이 스스로를 내부에서 부르게 하여 문제를 해결하는 기술이다. 이렇게 하면 소량의 처리만 완료하고 나머지 문제를 재귀 호출에 위임할 수 있게 된다. 아래의 함수를 보고 고민하여 보자. var eat = function(meal) { console.log('meal before bite:', meal); console.log('now eating', meal.pop()); if(meal.length) { eat(meal); } else { console.log('done with the meal!'); } } 위 함수의 결과는 다음과 같다. eat(['soup', 'potatoes', 'fish']); // => meal before bite: ["soup", "po..

Programming/Concept 2019. 4. 16. 17:08

WHY JQUERY? 커뮤니티의 지원이 훌륭하다 DOM 조작을 비교적 수월하게 한다 AJAX의 사용이 간편하다 간단한 애니메이션도 쉽게 만들 수 있다 다양한 플러그인들이 있다 버거의 신속한 수정이 이뤄지고 있다 강력한 method chaining을 쓸 수 있다 Basic JQUERY Syntax Element 선택 $(selector이름) Element 생성 $(htmlstring) => e.g. $('body'), $('head'), $('title'), $('') 항상 JQUERY object를 return한다 (array like) JQUERY CHEET SHEET : http://htmlcheatsheet.com/jquery/

Programming/Concept 2019. 4. 16. 16:34

DOM이란? HTML 문서의 구조적 관계와 속성에 대한 모델 HTML 문서를 대표하는 트리 구조 Javascript에서 document 객체를 통해 전역으로 접근할 수 있음 Javascript 언어의 한 부분이 아니다! Adding Event Handler Event : 어떤 동작의 발생을 전달하기 위해 객체가 보낸 메시지 e.g. 웹페이지의 로드 버튼의 클릭 브라우저 창의 resize DOM을 이용해 이벤트 핸들러를 추가할 수 있음 onEventName (e.g. onclick) Creating Element Javascript way createButton() { var btn = document.createElement("BUTTON"); var t = document.createTextNode("..

Programming/Concept 2019. 4. 16. 16:27

Learn myself for CSS 레이아웃 & Box model margin, padding, border width, height, top, left, bottom, right position, box-sizing 레이아웃 고급 z-index float, flex 기본 스타일링 font-x, background-x 참고 학습 자료 : https://learn.shayhowe.com/html-css/

Programming/Concept 2019. 4. 16. 16:08

Callback? 다른 코드의 parameter로서 넘겨주는 실행 가능한 코드를 말한다. 콜백을 넘겨받는 코드는 이 콜백을 필요에 따라 즉시 실행(synchorously)할 수도 있고, 아니면 나중에(asynchronously) 실행할 수도 있다. Callback in action -Iterator [1,2,3].map(x => x*x); -event handler document.querySelector('#btn').addEventListener('click', function(e){ console.log('button clicked!'); });

Programming/Concept 2019. 4. 16. 16:00

Prototype? 인스턴스가 생성될 때의 원형. 즉 프로토타입의 모양대로 인스턴스가 생성 인스턴스의 메소드는 Object.prototype.something으로 표현 UNDERSTATNDING OF PROTOTYPE function Car(model, brand){ this.model = model; this.brand = brand; } var spark = new Car('spark', 'chevrolet'); var i40 = new Car('i40', 'Hyundai'); Car.prototype.ride = function(){ console.log('vroom!' + this.model) }; Class? Javascript는 prototype 기반 언어 prototype을 기반으로 객체지향..

Programming/Concept 2019. 4. 16. 15:49

특정 함수에 특정 arguments를 도입하고 싶을 때 사용한다 1. call : Function.prototype.call(thisArg, arg1, arg2, ...) function makeParamsToArray() { return Array.prototype.slice.call(arguments); } console.log(makeParamsToArray('first', 'second')) //["first", "second"] 2. apply : Function.prototype.apply(thisArg, [argsArray]) var min = Math.min(7, 35, 2, 8, 21); console.log(min); //2 var arr = [7, 35, 2, 8, 21]; var m..

Programming/Concept 2019. 4. 16. 15:33