일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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()
- li 태그
- 크롬웹
- box-sizing: border-box
- 라매개발자
- 코딩테스트
- nav태그
- 생활코딩 WEB2-JavaScript
- 나도코딩
- 백준 자바스크립트
- 백준
- html 끝
- git 버전관리
- Pull
- git
- button:focus cursor: pointer; outline: none;
- WEB2-JavaScript
- margin 0 auto
- 단계별로 풀어보기
- HTML
- 생활코딩
- :root
- 나도코딩 파이썬
- error: ENOENT: no such file or directory
- 할만한데?
- 드림코딩
- 노마드 코더
- border radius
- max-width
- Today
- Total
목록분류 전체보기 (98)
코딩응애의 개발블로그
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..
해당 문제 정답으로 인정이 되는 코드 const fs = require('fs'); const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; let input = fs.readFileSync(filePath).toString().trim().split('\n'); const num = input.map(value => +value) solution(num); function solution(num) { let max = num[0]; let cnt = 0; for (let i = 1; i < 9; i++) { if (max < num[i]) { max = num[i]; cnt = i; } } console.log(max);..
문자열을 뒤집어서 리턴하는 문제인데 처음보는 메소드들은 아니지만 정확한 개념을 몰랐어서 정리함 return str.split('').reverse().join(''); split() 여기서 문자열 str을 split('') 해주면 배열로 저장을 하는데 let str = 'hello'; let result = str.split(''); console.log(result); // [ 'h', 'e', 'l', 'l', 'o' ] 출력 이런식으로 하나하나 배열로 저장이 되는것을 확인할 수 있다. 그래서 따로 배열로 바꾸거나 할 필요가 없고 문제 조건이 문자열로 리턴하는 것이니까 이때 사용하는것이 바로... join() join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다. join()메서드..
객체지향 프로그래밍 생활코딩을 보던중 터미널에 node 파일명을 해주면 실행결과가 나오는것을 처음 알게 되었다 전에는 따로 구글에 검색을 해서 vscode js를 파이썬 마냥 버튼을 눌르면 결과가 나오는 걸로 확인을 했었는데 앞으로 이렇게 해야 겠다 해서 백준 알고리즘 푸는것도 있고 해서 그 디렉토리에도 되나 했는데 안되는 것이다 Error: Cannot find module 'C:\Users\knife\OneDrive\바탕 화면\codestatesAlgorithm\별찍기-2.js' at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules..
3.2 객체와 반복문 console.group() & console.groupEnd() 웹 콘솔 로그에 새로운 인라인 그룹을 만듭니다. 이는 console.groupEnd()가 호출될 때까지 모든 다음 출력을 추가 수준으로 들여씁니다. 그냥 이런게 있구나 알아만 두기 4.2 객체 만들어 보기 객체란 서로 연관된 변수와 함수를 그룹핑 하고 이름을 붙인것이고 정리정돈을 할 수 있다. 5. this 프로그래밍에서 자기 자신을 가리키는 표현이 있는데 그게 바로 this 이다. let kim = { name:'kim', first:10, second:20, sum:function(f,s){ return f+s; } } console.log("kim.sum(kim.first, kim.second)", kim.sum..
객체 지향 프로그래밍의 특성 중 상속을 JavaScript에서 구현할 때에는 프로토타입 체인을 사용한다. JavaScript는 흔히 프로토타입 기반 언어(prototype-based language)라 불립니다. 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다는 의미. 프로토타입 객체도 또 다시 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수도 있고 그 상위 프로토타입 객체도 마찬가지입니다. 이를 프로토타입 체인(prototype chain)이라고 한다. DOM과 프로토타입 브라우저에서 DOM을 이용하면, document.createElement('div')로 새로운 div 엘리먼트를 만들 수 있습니다. 이렇게 생성된 div ..