전체 글 56

[Javascript] n개 간격의 원소들

문제 설명 정수 리스트 num_list와 정수 n이 주어질 때, num_list의 첫 번째 원소부터 마지막 원소까지 n개 간격으로 저장되어있는 원소들을 차례로 담은 리스트를 return하도록 solution 함수를 완성해주세요. filter()로 하면 되겠다! ➡ 엇 색인을 어떻게 선별하지 ➡ for 반복문으로 해봐야겠다. ➡ 조건에 i + n, i * n 같은 뻘짓만 해보다가 반복문 자체가 안 돌아가는 오류로 장렬히 실패. (1. 당연하지...0+2 1+2 2+2가 무슨 소용이야...) (2. 당연하지...0*n은 0인데...) filter() 메소드를 이용한 풀이는 다음과 같다. function solution(num_list, n) { return num_list.filter((v, i) => i ..

[Javascript] 종종 쓰는 Math 객체 메소드 - abs() ceil() floor() round() max() min() (그리고 pow() sqrt()까지)

(1) abs() Math.abs() 메소드는 절댓값을 반환하는 함수다. 매개변수로 주어진 숫자가 양수나 0이면 그대로 반환하고 음수면 - 부호를 떼고 양수를 반환한다. 사용 방식 : Math.abs(숫자) 유의할 점: 1. '-1' 과 같이 문자열 자료 형태로 숫자를 넣어도, 숫자를 인식하고 제대로 절댓값을 반환해준다. 2. 빈 객체, 하나 이상의 요소를 가진 배열, 숫자가 아닌 문자열, undefined나 빈 매개변수를 받으면 NaN을 반환한다. 3. null, 빈 문자열, 빈 배열을 제공하면 0을 반환한다. 공식 문서에 모든 예시가 잘 나와있다. Math.abs('-1'); // 1 Math.abs(-2); // 2 Math.abs(null); // 0 Math.abs(''); // 0 Math.a..

[Javascript] 배열 만들기 - split() Array.from() 전개연산자

이번 포스트의 핵심은 '특정 자료를 가지고 배열 만들기'. 해당하는 코딩테스트 문제 : 수 조작하기1, 카운트다운, 공백으로 구분하기1 (1) 수 조작하기1 문제 설명 : 정수 n과 문자열 control이 주어집니다. control은 "w", "a", "s", "d"의 4개의 문자로 이루어져 있으며, control의 앞에서부터 순서대로 문자에 따라 n의 값을 바꿉니다. "w" : n이 1 커집니다. "s" : n이 1 작아집니다. "d" : n이 10 커집니다. "a" : n이 10 작아집니다. 위 규칙에 따라 n을 바꿨을 때 가장 마지막에 나오는 n의 값을 return 하는 solution 함수를 완성해 주세요. (2) 카운트다운 문제 설명 : 정수 start와 end가 주어질 때, start에서 en..

[Javascript] 첫 번째로 나오는 음수 - findIndex() find() indexOf()

문제 설명 정수 리스트 num_list가 주어질 때, 첫 번째로 나오는 음수의 인덱스를 return하도록 solution 함수를 완성해주세요. 음수가 없다면 -1을 return합니다. 음수를 찾아서 그 요소의 인덱스를 찾는다는 절차까지는 바로 생각해냈다. 그래서 처음에는 아래와 같이 풀이했다. function solution(num_list) { const answer = num_list.indexOf(num_list.find((num) => Math.sign(num) === -1)); return answer; } Math.sign() Math.sign() 함수는 주어진 수가 음수인지 양수인지 0인지 판별해서 각각 -1 / 1 / 0으로 반환해주는 함수다. 사용 방식 : Math.sign(숫자) fin..

[Javascript] 자료형 변환

진짜 간단한 건데 자꾸 까먹어서 적어두는 포스트... 1. 문자열 자료형으로 변환 기본 : String(n) n + "" 문자 연결 연산자 + 빈 문자열 붙여주면 된다. `${n}` 아니면 ES6부터는 템플릿 리터럴을 이용하면 된다. 템플릿 리터럴이란? 내장된 표현식을 허용하는 문자열 리터럴. 리터럴이란? 데이터(값) 그 자체를 뜻한다. 즉, 변수에 넣는 변하지 않는 데이터를 의미하는 것. const a = 1; 여기서 a는 상수이고, 1은 리터럴이다. (상수는 변하지 않는 변수) 리터럴 표기법 소스 코드의 고정된 값을 나타내는 표기법. 2. 숫자 자료형으로 변환 기본 : Number(n) +n 숫자 연산자 +-*/ 다 되는데 그냥 편하게 0 더해준다는 뜻으로 더하기 숫자 연산자를 앞에 하나 붙여주면 된..

[Javascript] 문자열 자르는 메소드 - slice() substring() substr()

문자열의 앞의 n글자, 문자열의 뒤의 n글자 문제 설명 : (1) 문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string의 앞의 n글자로 이루어진 문자열을 return 하는 solution 함수를 작성해 주세요. (2) 문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string의 뒤의 n글자로 이루어진 문자열을 return 하는 solution 함수를 작성해 주세요. 나는 처음에 substr() 메소드를 사용해서 문제를 풀었는데, 모질라 공식문서를 살펴보니 이 메소드가 완전히 제거된 건 아니지만 바람직하지 않은 특징을 가지고 있어서 비권장되는 메소드로 바뀌었지 뭐야..... substr() 메소드란? 문자열의 특정 위치에서 시작해 특정 문자 수만큼의 문자를 반환..

[Javascirpt] 실수를 정수로 바꾸기 - parseInt() Math.trunc()

저번 주부터 코딩테스트를 차근차근 준비하려고 프로그래머스의 코딩 기초 트레이닝부터 풀고 있다. 웬만하면 반복 코딩 작업으로 알아서 외워지기를 바랐지만^.T...돌아서면 까먹기를 반복하는 스스로를 발견하고 오랜만에 공부 블로그의 쌓인 먼지를 털어냈다. 이 기회에 테스트에서든 실제 프로젝트에서든 자주 사용하는 자바스크립트 메소드와 함수를 정리하고 기억해둘 만한 문제들을 정리해두기로!!!! (1) parseInt() parseInt() 함수는 원래 문자열을 매개변수로 받아 특정 진수의 정수로 반환하는 함수. 사용 방식 : parseInt(문자열) parseInt(문자열, 진수를 나타내는 숫자) 반환 값의 타입 : 숫자 자료형 근데 parse가 무슨 뜻? '파싱(parsing)'이란 ? 데이터를 조립해서 특정한..

2022.01.16

페이지 새로고침하게 만드는 코드 (JS) window.location.reload() 복습을 제대로 안 했더니 이전 주차에서 했던 걸 다 까먹어서 저게 뭐였지 하고 있다^.T 오늘의 숙제. Flask 프레임워크를 이용하여 로컬 개발환경에서 서버에 클라이언트로서 get, post 요청을 하여 쇼핑몰 페이지에 반영해보기. app.py 코드 from flask import Flask, render_template, jsonify, request app = Flask(__name__) from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbhomework ## HTML 화면 보여주기 @app.route('/') ..