본문 바로가기

Programing

(46)
자바스크립트 알고리즘 www.codewars.com/?language=javascript
[JavaScript] 5-4 findMinByBracket 문제 :문자열로된 수식을 입력했을때 괄호를 만들어서 계산했을 때 결과가 최대한 최솟값이 나오도록 하세요. 예 :input : '55-50+40' // => 55-(50+40)output : -35 내 답 : 123456789101112131415161718192021222324252627282930313233343536373839 var userInput = prompt("Enter a string:"); var findMinByBracket = function(str) { // -30-10-50+30-3122+325 => -3567 // var exceptMinusArr = str.split('-') => ["", "30", "10", "50+30", "3122+325"] // exceptMinusAr..
[JavaScript] eval()을 사용하지 않고 문자열로된 식 계산하기 eval()을 사용하면 보안상 문제가 생길 수 있어 쓰지않는게 좋다고한다. 알고리즘 문제를 풀다가 문자열로된 식을 계산해야 했었는데eval을 대체할 것이 있나 찾다가 뭔소린지 이해 못하겠어서 eval 대체 함수를 만들었다. eval() 을 사용하지 않고 문자열로된 식을 계산하는 function123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 // eval() 을 사용하지 않고 문자열로된 식을 계산하는 function이다.// 결과값은 숫자로 나온다. function calculateStrSum(strSumFormula) { // str..
[JavaScript] 시간 지연 함수, 일정 시간 뒤 실행시키기, SetTimeout() {} 출처 setTimeout(function() { alert('http://webisfree.com'); }, 3000); /* 3초 뒤에 경고창으로 해당문구를 출력함 */
[JavaScript] 랜덤하게 문자 만들기 참고 랜덤한 문자 5개 만들기 function makeid(){ var text = ""; var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; for( var i=0; i "e" ( === anyString[4] )console.log(anyString.charAt(1..
[JavaScript] hasOwnProperty() var arr = {first:1, second:4};console.log( arr.hasOwnProperty('first' ) );// trueconsole.log( arr.hasOwnProperty('thrid' ) );// false
[HTML] DOM - DOCUMENT OBJECT MODEL 출처 : 코드스테이츠 THE DOM IS... · HTML 문서의 구조적 관계와 속성에 대한 모델 · HTML 문서를 대표하는 트리 구조 · JavaScript에서 document 객체를 통해 전역으로 접근할 수 있음 THE DOM IS NOT... · JavaScript 언어의 한 부분 ANATOMY OF AN HTML ELEMENT Element는 Opening Tag와 Closing Tag를 다 포함한 것 사진출처 : MDN $0 선택했던 것에대한 정보가 나옴.. ? console.dir($0) 해보면 element에 내장된 속성을 객체로 볼 수 있음. 요소를 선택할때마다 $0이 바뀜 $0.parentElement / 현재 선택된 요소의 부모를 확인할 수 있음. $0.children / 현재 선택된..
[CSS] CSS & SELECTOR https://learn.shayhowe.com/html-css/HTML과 CSS에 대한 기초 자료입니다. HTML, CSS에 대한 기초 지식이 없거나, 이미 알더라도 빠르게 다시 복습할 수 있는 자료입니다. 출처 : 코드스테이츠관련문서 : WHAT IS HTML 복습차원에서 올리는 글입니다. WHAT IS CSS?· Cascading Style Sheets의 약자· 웹 페이지 구성요소의 스타일을 정의하는 언어 HTML EXAMPLE· 로고, 검색창, 버튼이 중앙에 위치하고, 그 외의 기능이 우측 상단에 위치· 웹 페이지의 요소(element)들을 구성하는 역할 CSS EXAMPLE· 로고, 검색창, 버튼이 중앙에 위치하고, 그 외의 기능이 우측 상단에 위치 · 검색창의 너비 · 버튼의 크기 · 구성요소..