코딩응애의 개발블로그

섹션 1보다 더 빠르게 지나간 섹션 2 시간이 점점 더 가속화 되는것 같다 KEEP 1. 백준 매일 1문제씩 풀기 이번 섹션2 때는 코플릿도 매일 1문제씩 백준도 1문제씩 풀었다. 뭔가 실력이 전보다는 조금은 는것 같은 기분이다 예전에는 해설 코드 보고도 이해가 안갔다면 지금은 이해는 가고 다시 풀수 있는정도? 그런 느낌 2. 코드스테이츠에서 이해 안간 내용은 다른 강의 찾아보기 코드스테이츠 강의 자료만으로 이해가 안가는 부분이 사실 많아서 그때마다 다른 유튜브나 그런 강의 들을 찾아 들으면 도움이 됬다. 강의를 봐도 여전히 이해를 못한 부분도 있지만 그래도 아예 안듣는것보단 나은듯 싶다 Problem 1. 한번 이해가 안가서 정리시기를 놓치니... 이해가 안가고 넘어간 개념들이 좀 많다 DOM, 비동기..

SPA 화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트. 애플리케이션과 사용자 사이에 수시로 상호작용이 발생하는데, 이때 페이지 전체를 렌더링하는 것이 아니라 필요한 부분만 업데이트하기 때문에 SPA는 사용자의 행동에 빠르게 반응 대표적인 서비스는 유튜브,넷플릭스, 페북 등등 단점 첫화면 로딩시간이 느리다. 검색 엔진 최적화(SEO)가 좋지 않음. SPA는 HTML이 거의 비어있다 보니 검색 로봇이 충분한 자료를 수집하지 못한다. SPA에서도 검색 엔진 최적화에 대응할 수 있도록 검색 엔진이 발전하고 있어서, 점차 이 단점은 사라지고 있는 추세 SPA & Routing SPA는 하나의 페이지를 가지고 있지..

코플릿 문제 조건에서 문자열중 숫자만 모두 찾아 더하는 조건이 있었는데 뭔가 다른 편한 방법이 있지 않을까? 해서 구글에 검색을 해보았는데 정규식과 replace()를 이용해서 구하는 방법이 있었다. 예전에 replace 이용해서 문제 푸는것도 정규식을 이용을 했었는데 언제 한번 날잡고 공부해 봐야 겠다 그리고 추가로 이거 정리하면서 알아낸게 js에는 replaceAll() 이라는 메소드가 없는줄 알았는데 최근에 새로 생겼다고 한다 작년 그러니까 2021년이 되서야 ES2021(ES12) 표준 명세에 전역 문자열 바꾸기 메서드인 replaceAll() 이 추가되었습니다. 라고한다. 근데 최근도 아닌 1년전임; 저번에 찾을때는 다 정규식과 replace 이용해서 풀어서 없는줄 알았는데... 뭐 둘다 알면 ..

코플릿 문제를 푸는데 Math.sqrt()를 쓰지않고 제곱근을 구하는 문제를 푸는데 바빌로니아 법 이라는것을 처음 알게됨 바빌로니아 법 임의의 수의 제곱근에 빠르게 수렴하는 수열을 만들어 근삿값을 구하는 방법이라고 한다. 예를 들자면 양의 실수 a에 대하여 다음 과정을 따라 √a의 근삿값을 구할 수 있다. 임의의 양의 실수 Xn을 택한다. 이 값이 √a에 가까울수록 더 빨리 근삿값을 구할 수 있다. 3. 원하는 정밀도에 이르기까지 2의 과정을 반복한다. 위에 식을 이용해서 코드를 짠게 바로 function computeSquareRoot(num) { // TODO: 여기에 코드를 작성합니다. let first = 1; while (first ** 2 !== num) { if (Number((first *..

REST API 에서 REST는 “Representational State Transfer”의 약자 웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식을 말한다. REST API를 잘 적용하기 위한 4단계 모델을 만들었습니다. 총 4단계(0~3단계)로 나누어짐 컴퓨터의 기능을 실행시키는 명령 근데 내 컴퓨터가 아닌 남의 컴퓨터를 실행. 인터넷과 웹을 통해서 나의 컴퓨터를 제어할때 어떻게 하면 시행착오를 줄이고 더 좋은 API를 만들수 있는가에 대한 고민의 결과물이 REST API 이다. REST API는 특정 기술을 의미하는것이 아니라 HTTP를 이용해서 기계들이 통신을 할때 HTTP가 잠재력을 최대한 이용할 수 있도록 유도..

removeExtremes 이 문제 푸는데 시간이 너무 오래걸림 내가 내 방식대로 풀 수 있을것 같은데 라는 생각으로 레퍼런스대로 안풀어서 더 걸리긴 했지만 결국 초기값은 그냥 레퍼런스에 나온대로 설정하고 해서 풀음 짜증남.. 우선 정답 코드 부터 보자면 function removeExtremes(arr) { // TODO: 여기에 코드를 작성합니다. let long = 0; let short = 20; let delLong; let delShort; for (let i = 0; i < arr.length; i++) { if (long = arr[i].length) { short = arr[i].length; delShort = arr[i] } } delLong = arr.indexOf(delLong) ..

공백 2개를 1개로 바꿔서 출력을 해주는 문제 였는데 replace에 관해 더 자세히 알게됨 const p = 'The quick brown fox jumps over the lazy dog.' console.log(p.replace('dog', 'monkey')); "The quick brown fox jumps over the lazy monkey." 출력 보통 이런식으로 씀. replace() 특징은 첫번째로 찾은 문자열만 치환을 해준다는 것이다 예를 들어서 let str = 'apple, banana, orange, banana'; console.log(str.replace('banana', 'tomato')); // "apple, tomato, orange, banana" 출력 분명 banana..

객체 지향 프로그래밍의 특성 중 상속을 JavaScript에서 구현할 때에는 프로토타입 체인을 사용한다. JavaScript는 흔히 프로토타입 기반 언어(prototype-based language)라 불립니다. 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다는 의미. 프로토타입 객체도 또 다시 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수도 있고 그 상위 프로토타입 객체도 마찬가지입니다. 이를 프로토타입 체인(prototype chain)이라고 한다. DOM과 프로토타입 브라우저에서 DOM을 이용하면, document.createElement('div')로 새로운 div 엘리먼트를 만들 수 있습니다. 이렇게 생성된 div ..