일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- calc()
- button:focus cursor: pointer; outline: none;
- 노마드 코더
- 라매개발자
- 할만한데?
- git 버전관리
- WEB2-JavaScript
- margin 0 auto
- 단계별로 풀어보기
- box-sizing: border-box
- 드림코딩
- HTML
- 코딩테스트
- Pull
- 백준
- 백준 자바스크립트
- max-width
- 생활코딩 WEB2-JavaScript
- :root
- git
- 나도코딩 파이썬
- error: ENOENT: no such file or directory
- 크롬웹
- li 태그
- 생활코딩
- border radius
- 나도코딩
- 백준 정리
- nav태그
- html 끝
- Today
- Total
목록분류 전체보기 (98)
코딩응애의 개발블로그
BrowserRouter는 최상위에 위치해 있어야 하는데 그래야 다른 react.router 컴포넌트들을 사용할 수 있다. 근데 내가 BrowserRouter를 써주는데 이상하게 계속 화면이 출력이 안되는것이다(spa 과제 다시 푸는 중에) 그래서 레퍼런스에 올린 코드를 보면서 일일히 비교해 보는데 BrowserRouter를 안쓰면 화면이 출력이 되는것이다! 아니 근데 저 BrowserRouter를 써야 다른 라우터 컴포넌트를 이용할 수 있다고 배웠는데 없어야 되는건가 싶어서 계속 레퍼런스 코드와 비교하다가 index.js 코드가 다른것을 확인할 수 있었다. import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRoute..
섹션 1보다 더 빠르게 지나간 섹션 2 시간이 점점 더 가속화 되는것 같다 KEEP 1. 백준 매일 1문제씩 풀기 이번 섹션2 때는 코플릿도 매일 1문제씩 백준도 1문제씩 풀었다. 뭔가 실력이 전보다는 조금은 는것 같은 기분이다 예전에는 해설 코드 보고도 이해가 안갔다면 지금은 이해는 가고 다시 풀수 있는정도? 그런 느낌 2. 코드스테이츠에서 이해 안간 내용은 다른 강의 찾아보기 코드스테이츠 강의 자료만으로 이해가 안가는 부분이 사실 많아서 그때마다 다른 유튜브나 그런 강의 들을 찾아 들으면 도움이 됬다. 강의를 봐도 여전히 이해를 못한 부분도 있지만 그래도 아예 안듣는것보단 나은듯 싶다 Problem 1. 한번 이해가 안가서 정리시기를 놓치니... 이해가 안가고 넘어간 개념들이 좀 많다 DOM, 비동기..
SPA 화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트. 애플리케이션과 사용자 사이에 수시로 상호작용이 발생하는데, 이때 페이지 전체를 렌더링하는 것이 아니라 필요한 부분만 업데이트하기 때문에 SPA는 사용자의 행동에 빠르게 반응 대표적인 서비스는 유튜브,넷플릭스, 페북 등등 단점 첫화면 로딩시간이 느리다. 검색 엔진 최적화(SEO)가 좋지 않음. SPA는 HTML이 거의 비어있다 보니 검색 로봇이 충분한 자료를 수집하지 못한다. SPA에서도 검색 엔진 최적화에 대응할 수 있도록 검색 엔진이 발전하고 있어서, 점차 이 단점은 사라지고 있는 추세 SPA & Routing SPA는 하나의 페이지를 가지고 있지..
처음에는 그냥 하드코딩으로 for문 이용해서 풀려고 했는데 이건좀 아닌것 같아서 그냥 구글링 해서 방법을 알고 제출함 근데 내가 맨 처음에 푼 제출 내용을 봤는데 어우 너무 좀 노가다성이 짙긴 했다. 그마저도 유튜브보고 푼것 같은데 음.. for of 반복문의 대해 제대로 알게되는 시간을 가진듯 하다. const fs = require('fs'); const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; let input = fs.readFileSync(__dirname + '/input.txt').toString().split('\n'); solution(input[0]); function solution(str) { c..
코플릿 문제 조건에서 문자열중 숫자만 모두 찾아 더하는 조건이 있었는데 뭔가 다른 편한 방법이 있지 않을까? 해서 구글에 검색을 해보았는데 정규식과 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 *..
# 2 THE BASICS OF REACT JSX JSX는 JavaScript XML의 줄임말로 문자열도 아니고 HTML도 아닙니다. React에서 UI를 구성할 때 사용하는 문법으로 JavaScript를 확장한 문법 기본적으로 react 요소(element)를 만들수 있게 해준다. 근데 html과 흡사한 문법을 사용한다 브라우저가 jsx를 이해할수 있게 Babel을 설치를 해주어야 한다 Babel 은 코드를 변환해주는 것인데 jsx로 적은 코드를 브라우저가 이해할수 있는 형태로 바꿔준다. React에서는 JSX를 이용해서 DOM 코드보다 명시적으로 코드를 작성할 수 있다. JavaScript 문법과 HTML 문법을 동시에 이용해 기능과 구조를 한눈에 확인할 수 있는데 이렇게 적은 코드셋을 컴포넌트라고 ..
한가지 의문인게 그냥 숫자를 문자열로 바꾸고 배열처럼 가져오나 split으로 배열로 바꾸고 가져오나 똑같다는 점이다 예를들어서 let num = 1234; let strNum = String(num) console.log(strNum[0]) // 1 출력 let strNum2 = String(num).split('') console.log(strNum2[0]) // 1 출력 그러면 굳이 split('')을 안써도 되지 않을까? 여기엔 다 이유가 있었는데 일단 같은 이유는 자바스크립에서 문자열은 변하지 않는 값이므로, 읽기 전용 배열로서 다룰 수 있다. 따라서 배열처럼 [] 연산자를 사용하여 문자열을 구성하는 각 문자에 바로 접근할 수 있다.라는 것이다. 하지만 split('')을 쓰는게 나은 이유가 문자..