본문 바로가기

전체 글

 (401)
템플릿 리터럴: 백틱(``), 달러(${ }) 사용법 출처: https://curryyou.tistory.com/185 정리: 템플릿 리터럴=문자열표기법=문자열 생성시 따옴표 대신 백틱( ` )사용=템플릿 리터럴의 주요사용 문법은 벡틱과 달러연산인거 같다. 템플릿 리터럴의 기능. 1. 줄바꿈(개행) =백틱(`)을 사용하면 쉽게 줄바꿈됨. 2. 표현식 삽입 ${ } 사이에 변수나 연산 등을 삽입할 수 있게 되었다. (자바로 치면 %연산자 같은 거임ex%d, %s등등)
자스의 함수 출처: https://poiemaweb.com/js-function 출처: https://codingfarm.tistory.com/308 자바스크립트의 함수는 객체(일급 객체, First-class object)이다. 다른 객체와 구분될 수 있는 특징은 호출할 수 있다는 것이다. 함수도 객체이므로 다른 값들처럼 사용할 수 있다. 즉, 변수나 객체, 배열 등에 저장할 수 있고 다른 함수에 전달되는 인수로도 사용할 수 있으며 함수의 반환값이 될 수도 있다. 함수를 정의하는 방식은 3가지가 있다. 함수 선언문 함수 표현식 Function 생성자 함수 1.1 함수 선언문 함수 선언문(Function declaration) 방식으로 정의한 함수는 function 키워드와 이하의 내용으로 구성된다. 1.2 함수 표..
리터럴(Literal)이란? 아래 출처의 리터럴에 대한 정의는 잘못되었다. 리터럴은 값, 데이터가 아니라 값을 생성하는 표기방식이다. 상수의 정의 또한 잘못되었다. 상수를 재할당이 금지된 변수다. 아래출처 보지말것. 출처: https://velog.io/@me2designer/%EB%A6%AC%ED%84%B0%EB%9F%B4Literal%EC%9D%B4%EB%9E%80 요약: 리터럴이란 값을 생성하는 표기방식이다. 상수란 변하지 않는 변수이다. 리터럴(Literal)을 알려면 상수(constant)를 같이 알고 둘을 구분할 수 있어야 한다. 상수(constant)란? 재할당이 금지된 변수 상수에 넣는 데이터로는 숫자만 오는 것이 아니라 클래스나 구조체 같은 객체도 올 수 있다. 참조변수를 상수로 지정할 때, 참조변수 안의 속성의 데..
백준(BOJ) 2920: 음계 https://www.acmicpc.net/problem/2920 https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_operators 풀이법중 이해가 되지 않았던 논리 연산자를 사용한 풀이가 있어서 논리 연산자에 관한 아래 사항을 먼저 정리한다. 객체 관련된 아래의 문법도 처음본다. const fs=require('fs'); const filepath=process.platform==='linux'?'dev/stdin':'./input.txt'; let input=fs.readFileSync(filepath).toString().split("\n"); const result = { '1 2 3 4 5 6 7 8': 'as..
백준(BOJ) 4344: 평균은 넘겠지 우선 정답코드는 아래와 같다. const fs=require('fs'); const filepath=process.platform==='linux'?'dev/stdin':'./input.txt'; let input=fs.readFileSync(filepath).toString().split("\n"); let T=input[0]*1; for (let i=1;iitem*1) let length=arr.shift(); console.log("function call") solution(length, arr); } function solution(length, arr){ let count=0; let sum=arr.reduce((acc, ele)=>acc+=ele, 0); let avg=sum/length; ..
자바스크립트에서 값 입력받기 참고: https://www.youtube.com/watch?v=myDEDaaOd30&t=854s 참고: https://velog.io/@bomida/JS-%EC%BD%94%EB%94%A9-%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%A4%80%EB%B9%84-%EA%B0%92-%EC%9E%85%EB%A0%A5-%EB%B0%9B%EA%B8%B0 코테에서 자바스크립트 사용시 값 입력받기. 백준에서 Node.js로 입력값을 받기 위해선 readline 모듈 또는 fs 모듈을 사용하면 된다. 이 둘 중 fs모듈이 더 빠르므로 fs를 사용하도록 한다. 단, 문제를 풀다보면 fs로는 컴파일 에러가 나는 경우가 있다. 그럴땐 readline을 사용해야 한다. fs는 FileSystem의 약자로 파일 처..
기초문법 with Algorithm (ing) Sol1. parseInt에 대해서. parseInt는 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환하는 함수이다. 즉, 여기서는 인자가 애초에 문자열이 아니므로 어색한 해결책이 된다. 만약 문자열이 아닐 경우에는 와 같이 추가적 연산이 들어가므로 적절한 해결책이라 보기 힘들다. 이문제에서 parseInt를 사용하므로써 낭비되는 비용 1. number를 string으로 바꾼다. 2. 10진수 추론을 위해 string 앞 2글자가 0x 혹은 0X인지 비교한다. Sol2. Math.floor ==>>주어진 숫자와 같거나 작은 정수 중에서 가장 큰 수를 반환합니다. 따라서 이 문제는 아래와 같이 코드를 작성하는 것이 Sol1보다 효율적이다.
브라우저 동작 원리에 대하여 출처: https://velog.io/@wlwl99/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EB%8F%99%EC%9E%91-%EC%9B%90%EB%A6%AC-%EA%B5%AC%EC%A1%B0 출처: https://www.youtube.com/watch?v=Mqh13dNI8jc 출처: https://poiemaweb.com/js-browser 브라우저 엔진이란? 사용자 인터페이스와 렌더링 엔진의 교두보 역할. 예를들어 인터페이스로 뒤로가기 버튼 눌렀다면 이전의 페이지를 가져오라는 명령을 하는 것이 브라우저 엔진이고 그 명령을 실행하는 것이 렌더링 엔진! UI백엔드: 사용자와 소통하는 부분. 예를들면 사용자 입력, 마우스 움직임, 클릭을 핸들링 자료저장소? 브라우저가 필요한 정보..

티스토리툴바