반응형 전체 글123 제곱근 구하기 바빌로니아법 .toFixed() 소수점 두자리까지 (세번째 자리에서 반올림) 구하기 바빌로니아 법으로 제곱근 구하기 방법 1. 바빌로니아법을 활용해서 코딩한 예 let result=0; let x=1; for(let i=0; i num 일 때, while 문을 빠져나와 base^2 === num 이면 base를 리턴한다. 3. 2번의 조건을 충족하지 못했을 때, base에서 diff 의 i 번째 인덱스를 뺀다. 4. 1~3번까지의 과정을 diffs의 마지막 인덱스 값까지 반복한다. 5. base의 소수점 둘째자리까지 반올림하여 리턴한다. 위에서 사용된 .toFixed()의 설명 .toFixed() 2020. 10. 8. TIL 1007 _.sortBy(arr.sort()) _.flatten(재귀함수) 3일걸린 문제 계속 이해가 안가서 3일 밤낮으로 고민했던 문제. 항상 문제를 제대로 이해했다고 생각하고 푸는순간 맹점이 생긴다. 잘했다고 생각했는데 풀리지 않는것은 맹점을 놓치고 있어서다. 이것을 꼭 반드시 항상 주의하자. _.sortBy ( arr.sort( ) ) 계속 sort( function(a, b){...} ) 으로 풀려고 시도했는데, 인자로 전달해주는 function 에서 어떤 순서로 a, b가 들어가는지어떤 알고리즘으로 정렬되는지 이해하지 못해서 계속 골머리를 앓았다. 검색해보다 누군가가 댓글로 설명해 둔것이 있어 참고하고 완전한 이해는 힘들다고 판단. 흐름만 이해하기로 했다. 아래는 내가 이 문제를 며칠동안 고민하게 만든 이유 1. 인자로 주어지는 arr이 const로 선언되어 값이 변경될 수 없다. .. 2020. 10. 7. TIL 0928 for in, Array와 Object 구분법 for ( in ) 사용법. (객체 순환시) for(let key in collection){ key ... } key를 꼭 let 키워드로 선언해서 오류가 발생하지 않도록 하자. if(Array.isArray(collection)) { ... }else{typeof collection === 'object'){ ... } 또는 if(collection instanceof Array){ ... }else if(collection instanceof Object){ ... } Array는 Object 타입 안에 속하기 때문에 array instanceof Object //true 이다. 그래서 else if로 분기 순서를 정확히 나눠주는 것이 중요. 순서에 주의. 2020. 10. 7. 코드스테이츠 Full Pre 4주차 회고 2주차 회고 때 하려고 했던 것은 2가지 였다. 1. 개념 복습할 때 풀었던 코드도 다시보고 다시 생각하는 습관을 들이자. 2. 코드 리팩토링하자. 학창시절부터 한 번 풀었던 문제는 다시 돌아보지 않았다. 오답노트도 어려운 문제만 몇개 하는 수준. 하지만, 지금은 다르다. 제대로 학습하고 최종 목표인 취업까지 달성해 내려면 습관을 바꿀 필요가 있다. 조금씩 복습하는 습관을 들이려했다. 하루를 마치면 하루동안 페어분과 풀어본 문제를 돌아보고 "이땐 이렇게 생각해서 이렇게 풀었지."하며 함께 푼 코드를 혼자 리뷰하는 식으로 봤다. 확실히 처음엔 어색하고 이걸 풀자마자 다시보는게 의미가 있나 싶었지만, 복습의 위력은 나중에 나타났다. 한 번이라도 다시 본 코드는 나중에 비슷한 경우가 있을 때 꼭 생각이 났고,.. 2020. 10. 6. TIL 1006 Nodes vs Elements .contains() .parentElement Nodes vs Elements nodes DOM API상에 존재하는 모든 것들. 그것들을 모두 포괄하는 이름이 node이다. elements one specific type of node. 예를 들어 div, body, window 같은 특정한 타입. 모든 element는 HTMLElement의 자식이다. 따라서, HTMLElement의 property를 똑같이 가지고 있다. 동시에, element의 성격에 따라서 자신만의 property를 가지고 있다. NodeList: general lists of nodes HTML Collection: 오직 element만을 담을 수 있다. * DOM API (Document Object Model 문서 개체 모델 Application Programming In.. 2020. 10. 6. TIL 0925~26 arr.reduce() filter() map() sort() some() find() 초기값을 줬을 때 arr.reduce( func( acc, val ) { ... } , initialValue ); acc에 initialValue가 들어가고 val엔 arr의 첫번째 요소가 들어간다. 이후론 val에 arr의 다음요소가 순서대로 들어가며 콜백함수를 반복. 초기값을 주지 않았을 때 arr.reduce( func( acc, val ) { ... }); acc에 arr의 첫번째 요소가 들어가고 val엔 arr의 두번째 요소가 들어간다. 이후론 val에 arr의 세번째 요소부터 순서대로 들어가며 콜백함수를 반복. arr.reduce()예제 var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alic.. 2020. 9. 25. TIL 0924 날짜 2자리로 노드리스트reverse localStorage moment.js 날짜 2자리 표시 (“0” + this.getDate()).slice(-2); 월 2자리 표시 (“0” + (this.getMonth() + 1)).slice(-2); //querySelectorAll로 가져온 노드리스트를 reverse하는 방법 You can't call Array.prototype.reverse on NodeListCollection. Instead, you should use: var stars = [].slice.call(stars, 0).reverse() localStorage 사용법. 출처 : www.taniarascia.com/how-to-use-local-storage-with-javascript/ [ How to Use Local Storage with JavaSc.. 2020. 9. 24. TIL 0923 요소 숨기기, 보이기 스타일 추가 정규표현식 버블링 vs 캡쳐링 onclick() vs addEventListener 보호되어 있는 글 입니다. 2020. 9. 23. TIL 0922 CSS 가운데정렬 display DOM CSS 요소들을 가운데정렬 할 때 .contentwrapper{ margin: 0px auto; } font-weight: bold; //폰트 굵게 text-shadow: 1px 1px 2px black; //폰트에 그림자 추가 padding: 1px 2px 3px 4px; 순서대로 시계방향 북 동 남 서(margin 또한 동일) 적용된 모습 더많은 정보 poiemaweb.com/css3-display [ CSS3 Display | PoiemaWeb display 프로퍼티는 layout 정의에 자주 사용되는 중요한 프로퍼티이다. poiemaweb.com ](https://poiemaweb.com/css3-display) DOM 엘리먼트 만들기 const oneDiv = document.createElem.. 2020. 9. 22. 이전 1 ··· 8 9 10 11 12 13 14 다음 반응형