(Javascript) 배열에서 가장 큰 수, 가장 작은 수 찾기
배열에서 가장 큰 수,가장 작은 수 찾기
Posts by Tag
- JavaScript 35
- Python 13
- React 10
- Javascript 10
- Journal 6
- Data Structure 5
- CSS 5
- Machine Learning 5
- C++ 3
- Bootstrap 3
- Blog 2
- Markdown 2
- Web 2
- Translation 1
- Mathematics 1
- Web Design 1
- Vue.js 1
- AutoML 1
- Matplotlib 1
JavaScript
(Javascript) 유니코드 변환
유니코드, 문자열 변환하기
(Javascript) join() 메소드
join() 메소드
(Javascript) sort() 메소드
sort() 메소드
(Javascript) switch문
switch문
(Javascript) typeof 연산자
typeof 연산자
(Javascript) 디스트럭처링
디스트럭처링
(Javascript) map, filter, reduce 함수
map, filter, reduce 함수
(javascript) Promise
Promise
(Javascript) let 변수가 등장한 이유
let 변수가 등장한 이유
(Javascript) localStorage
localStorage
(Javascript) 이벤트 위임
이벤트 위임(Event delegation)
(Javascript) 클래스(Class)
클래스(Class)
(Javascript) Object.create()
Object.create()
(Javascript) JSON 메소드
JSON 메소드
(Javascript) splice 메소드
splice()
(Javascript) JSON
JSON
(Javascript) indexOf 메소드
indexOf()
(Javascript) innerText 와 innerHTML
innerText 와 innerHTML 의 차이
(Javascript) DOM 접근 메소드
DOM 접근 메소드
(Javascript) 템플릿 리터럴
템플릿 리터럴 (Template literals)
(Javascript) 즉시실행함수
즉시실행함수 (Immediately-invoked function expression)
(Javascript) 1급 객체
1급 객체
(Javascript) arrow 함수
arrow 함수
(Javascript) var, let, const
var 변수
(Javascript) class 상속
class 상속
(Javascript) 타입 변경
자바스크립트에서 타입 변환 자바스크립트에서 문자형을 숫자형으로, 숫자형을 문자형으로 변환하는 방법을 알아보자. 변수 선언 자바스크립트에서는 다음과 같이 변수를 선언한다. // 변수 a를 숫자 10으로 선언 var a = 10 // 변수 b를 문자열 10으로 선언 v...
(Javascript) static 메소드
static method static method 자바스크립트의 클래스에서 prototype에 할당되지 않고 클래스 자체에 할당된 함수를 static 메소드라고 한다. 클래스 자체에 할당되었기 때문에 클래스의 인스턴스를 통해서는 호출될 수 없으며 클래스를 통해 호출해야 한...
(Javascript) 프로토타입
Prototype 프로토타입 개념은 자바스크립트에서 객체지향프로그래밍을 구현하기 위해 필요한 중대한 개념이다. 자바스크립트에는 클래스가 존재하지 않으므로 프로토타입을 이용해 객체지향프로그래밍을 할 수 있다. 프로토타입은 객체의 원형이다. 크롬 개발자 콘솔에서 Person...
(Javascript) 클로저
클로저 (Closure) 클로저란 함수와 그 함수가 선언될 당시의 환경정보를 저장하는 객체이다. 클로저를 통해 함수 최초 선언시의 정보를 유지할 수 있다. 다음과 같은 이점이 있다. 접근 권한 제어 지역변수 보호 데이터 보존 및 활용 // ex1 func...
(Javascript) this
this 자바스크립트의 this는 매우 헷갈리는 개념이다. 상황별로 this가 가리키는 것이 무엇인지 알아보자. 전역공간에서 전역공간에서 this는 전역 객체를 가리킨다. console.log(this); // Window(전역)를 가리킨다. 함수 내부...
(Javascript) 콜백함수
콜백함수 (Callback function) 콜백함수란 콜백함수란 call back, 말 그대로 ‘다시 불려져오는’ 함수이다. 코드가 실행되면 여러 객체가 일을 하게된다. 콜백함수는 이때 모든 객체가 일이 끝날때 까지 기다린 후 한번에 결과를 배출하는 대신 어떤 객체에...
(Javascript) 스코프, 실행컨텍스트
함수 스코프, 실행 컨텍스트 스코프(Scope) 스코프(Scope)는 변수가 가지고 있는 참조범위이다. 변수 선언시, 어떤 위치에서 선언했는지에 따른 스코프가 생성된다. 스코프의 종류는 아래와 같다. 전역 스코프 (Global scope) : 코드내 어디서든 변수...
(Javascript) 호이스팅
호이스팅(Hoisting) 자바스크립트에서 호이스팅이란 무엇일까? Hoisting은 들어올려 나르기라는 뜻을 가지고 있다. 호이스팅은 자바스크립트에서 변수와 함수를 끌어 올리는 것이다. console.log(a()); console.log(b()); console.log(c(...
(Javascript) 기본형, 참조형
기본형과 참조형의 종류 및 차이점 자바스크립트의 데이터 타입은 기본형, 참조형으로 나뉜다. 기본형 : 일반적인 값을 저장하는 데이터 타입이다. Number String Boolean null undefine...
Python
(Python) datetime 모듈
제목 파이썬의 datetime 모듈은 날짜와 시간을 표현하는데 사용되는 다양한 기능을 제공합니다. 시간으로 기록된 데이터를 분석할때 매우 편리하여 자주 사용됩니다. datetime : 특정 날짜/시간을 생성하기 생성하고자 하는 시간을 인자로 전달하여 datetime 객체를...
(Python) sorted, sort 함수
파이썬에서 정렬할 때 쓰이는 sorted 함수와 sort 함수에 대해 알아보자.
(Python) Math 모듈
파이썬 Math 모듈
(Python) ord(), chr() 메소드
ord(), chr() 메소드
(Python) any, all함수
any, all 함수
마방진 (Magic square)
마방진 (Magic square)
(Python) 삼항 연산자
파이썬의 삼항 연산자
(Python) 숫자 포맷팅
숫자 포맷팅 (format)
(Python) while문
while 문
(Python) lambda 함수 활용
람다함수 활용
(Python) 람다 함수
람다(lambda) 함수
(Python) List Comprehension
List Comprehension 파이썬에서 원하는 조건으로 리스트를 생성할 수 있는 기능이다. for 루프를 돌아 특정조건에 맞춘 리스트를 생성하는 코드를 간단한 문법으로 표현한 것이다. [출력표현식 for문 [if 조건식]] 위같이 사용한다. 몇가지 예제 코드를...
(Python) namedtuple
[Python] namedtuple 해커랭크를 풀다가 새로운 기능이 나와서 따로 포스팅을 해보았다. namedtuple 에 대한 자세한 정보는 파이썬 공식문서에서 확인할 수 있다. Tuple 우선 튜플(Tuple)에 대해 알아보자. 파이썬에는 튜플이라는 자료구조형태가 ...
React
(번역) 리액트를 배우고 계시나요? 간소하게 시작해 보세요.
Learning React? Start Small. (by Dave Ceddia) 를 번역한 글입니다.
React 반응속도 게임 초안
React 반사신경 대결(?) 게임 예전에 todo리스트 만들어 본 후에 다음 프로젝트로 간단한 게임을 만들어보기로 생각했었는데, 오늘 첫 삽을 떴다.ㅎㅎ 우선 오늘은 기본적인 화면 구성과 Player1, Player2의 버튼을 만들었다. 게임방식은 플레이어 두명이서 타이밍에...
(React) Tips for React
React 관련 팁 리액트를 사용할때 유용한 팁들을 정리해 본다. 1. 함수형 컴포넌트를 사용하자. (functional component) 클래스 기반의 컴포넌트 대신 함수형 컴포넌트를 사용하자. 이는 코드의 양을 줄여 이해하기 쉽게 해주고, 상태를 저장하지 않아 상태에...
(React) create-react-app
React 간결하게 개발 환경 구축 리액트 개발을 위해서는 환경을 구축해야 한다. 이를 위해서는 별도의 툴을 설치해야 한다. (예를 들어 JSX를 자바스크립트로 변환하는 Babel) 패키지 페이스북에서는 별도의 설정이나 설치없이 곧바로 원활한 리액트 개발이 가능하도록 패키지...
(React) 시간 출력(2)
React로 시간 출력(2) 이 포스팅은 리액트 공식 홈페이지(https://reactjs.org/) 의 내용을 바탕으로 작성하였습니다. 저번 포스팅에서 리액트를 이용해 시간을 표시하는 페이지를 생성했다. 다만 시간을 자동으로 갱신하지 못하는 단점이 있었다. 이번에는 라이프...
(React) 시간 출력
React로 시간 출력 리액트를 이용해 현재 시간을 보여주는 페이지를 생성해보자. 클래스 생성, 구성 class Clock extends React.Component { render() { return ( <div> ...
(React) 상태, state
React 상태에 대해 React에서 상태란? 컴포넌트의 변경 가능한 데이터 저장소. 상태를 이용하면 UI의 표현을 갱신할 수 있다. 상태에 접근하기 상태 객체는 this 를 통해 접근 가능하다. this.state 의 형태로 접근한다. 초기 상태 설정하기 상태 데이...
(React) JSX에 대해
JSX는? 리액트 개발시 사용하는 자바스크립트의 확장 문법. 자바스크립트 + XML 의 형태. const element = <h1>Hello world!</h1> 위 코드와 같이 html가 섞인 느낌의 자바스크립트 문법이다. JSX 사용 이유? J...
(React) ‘Hello world!’
React로 ‘Hello world!’ 최근 학습중인 리액트에 대해 정리 리액트를 이용한 Hello world! 페이지를 만들어 보겠다. /hello-world /js react.js react-dom.js index.html 프로젝트 폴더의 형태는 위와 같다....
(React) React에 대해
React에 대해 최근 학습중인 리액트에 대해 정리 React는? 페이스북사에서 개발한 자바스크립트 기반의 UI 컴포넌트 라이브러리이다. React의 장점 간결성 : 개발을 간결하게. 선언형 스타일을 채택하여 코드의 가독성을 높였다. 명령형 스타일...
Javascript
React 반응속도 게임 초안
React 반사신경 대결(?) 게임 예전에 todo리스트 만들어 본 후에 다음 프로젝트로 간단한 게임을 만들어보기로 생각했었는데, 오늘 첫 삽을 떴다.ㅎㅎ 우선 오늘은 기본적인 화면 구성과 Player1, Player2의 버튼을 만들었다. 게임방식은 플레이어 두명이서 타이밍에...
(React) Tips for React
React 관련 팁 리액트를 사용할때 유용한 팁들을 정리해 본다. 1. 함수형 컴포넌트를 사용하자. (functional component) 클래스 기반의 컴포넌트 대신 함수형 컴포넌트를 사용하자. 이는 코드의 양을 줄여 이해하기 쉽게 해주고, 상태를 저장하지 않아 상태에...
함수형 프로그래밍이란
함수형 프로그래밍이란 함수형 프로그래밍에 대한 기본 개념을 정리 함수형 프로그래밍이란 함수형 프로그래밍은 자료 처리를 수학적 함수의 계산으로 취급하고 상태와 가변 데이터를 멀리하는 프로그래밍 패러다임의 하나이다. (출처: 위키백과) 함수의 응용을 강조하는 프로그래밍 기법이...
(React) create-react-app
React 간결하게 개발 환경 구축 리액트 개발을 위해서는 환경을 구축해야 한다. 이를 위해서는 별도의 툴을 설치해야 한다. (예를 들어 JSX를 자바스크립트로 변환하는 Babel) 패키지 페이스북에서는 별도의 설정이나 설치없이 곧바로 원활한 리액트 개발이 가능하도록 패키지...
(React) 시간 출력(2)
React로 시간 출력(2) 이 포스팅은 리액트 공식 홈페이지(https://reactjs.org/) 의 내용을 바탕으로 작성하였습니다. 저번 포스팅에서 리액트를 이용해 시간을 표시하는 페이지를 생성했다. 다만 시간을 자동으로 갱신하지 못하는 단점이 있었다. 이번에는 라이프...
(React) 시간 출력
React로 시간 출력 리액트를 이용해 현재 시간을 보여주는 페이지를 생성해보자. 클래스 생성, 구성 class Clock extends React.Component { render() { return ( <div> ...
(React) 상태, state
React 상태에 대해 React에서 상태란? 컴포넌트의 변경 가능한 데이터 저장소. 상태를 이용하면 UI의 표현을 갱신할 수 있다. 상태에 접근하기 상태 객체는 this 를 통해 접근 가능하다. this.state 의 형태로 접근한다. 초기 상태 설정하기 상태 데이...
(React) JSX에 대해
JSX는? 리액트 개발시 사용하는 자바스크립트의 확장 문법. 자바스크립트 + XML 의 형태. const element = <h1>Hello world!</h1> 위 코드와 같이 html가 섞인 느낌의 자바스크립트 문법이다. JSX 사용 이유? J...
(React) ‘Hello world!’
React로 ‘Hello world!’ 최근 학습중인 리액트에 대해 정리 리액트를 이용한 Hello world! 페이지를 만들어 보겠다. /hello-world /js react.js react-dom.js index.html 프로젝트 폴더의 형태는 위와 같다....
(React) React에 대해
React에 대해 최근 학습중인 리액트에 대해 정리 React는? 페이스북사에서 개발한 자바스크립트 기반의 UI 컴포넌트 라이브러리이다. React의 장점 간결성 : 개발을 간결하게. 선언형 스타일을 채택하여 코드의 가독성을 높였다. 명령형 스타일...
Journal
오늘의 일지 - 9.5
9.5
오늘의 일지 - 8.25
8.25 구글링하다가 리액트 학습에 관한 좋은 글을 찾았다. Timeline for learning react 리액트를 배우기 위한 스킬트리를 설명하는 글이다. 글에서 제시하는 학습 스킬트리는 아래와 같다. Step 0. Javascript Step 0.5. NPM ...
오늘의 일지 - 8.23
8.23 어제부터 듣던 Javascript Flow 강의를 이어 들었다. 호이스팅이란 자바스크립트의 새로운 개념을 공부했다. 나는 지금까지 자바스크립트가 다른 언어들에 비해 쉽고, 꿀떨어지는 언어라고 생각했다. 물론 비교적 쉬운점은 사실인 것 같다. 하지만 자바스크립트에도 ...
오늘의 일지 - 8.22
8.22 인프런에서 새로운 강의를 신청했다. 강의 제목은 ‘핵심개념을 알아보는 Javascript Flow’ 이다. 자바스크립트에 대한 핵심 개념 및 원리들을 설명해 주는 강의인데 자바스크립트라는 언어를 체계적으로 공부해 본 적이 없는 나에게 도움이 될 것같은 강의다. 특히...
오늘의 일지 - 8.21
8.21 HackerRank 라는 알고리즘 사이트에서 파이썬으로 간단한 문제 몇개를 풀었다. 처음 배운 언어가 파이썬이었기 때문에 그만큼 애정을 갖고있는 언어이지만 그동안 연습이 많이 부족했던 것같다. 해커랭크 사이트에서 열심히 활동해 연습량을 늘려야겠다. 알고리즘 사이트 ...
오늘의 일지 - 8.20
8.20 내가 블로그를 관리하는 것은 거창한 기술 블로그를 키우고자 함이 아니다. 이 블로그는 내가 배우면서 성장하는 과정을 기록해 나가는 일기다. 꾸준한 블로깅을 실천하기 위해 매일 학습하거나 깨달았거나 느꼈던 일들을 정리하려고 한다. 몇일전부터 작성하던 리액트기반의 ...
Data Structure
(Data Structure) 제한된 선형리스트
제한된 선형리스트 선형리스트 중에서도 원소의 삽입과 삭제시 특별한 제한 조건을 가지고 있는 리스트가 있다. 스택, 큐, 데크가 있다. 스택(stack) 모든 원소들의 삽입(push) , 삭제(pop)가 리스트의 한쪽 끝에서만 일어나는 형태의 선형리스트. 한쪽 끝이 ...
(Data Structure) 선형 리스트
선형 리스트(Linear List) 순서가 있는 집합이며, 기억 공간에 연속적으로 저장되는 자료구조 형태이다. (a₁, a₂, a₃, …) 처럼 순서대로 저장된 구조이다. 이러한 선형 리스트에는 다음과 같은 연산이 가능하다. length - 리스트 길이 구하기 a...
(Data Structure) 기본적인 구조들
배열(Array) 연속적인 기억 공간을 차지하는 같은 자료 형들의 자료구조. 인덱스와 값의 쌍들로 이루어진 원소들의 집합 이라고 한다. 이미 배열은 여러번 사용해 보았지만 이번에 공부하면서 새로운 유형의 배열을 학습하게 되었다. 지금까지 내가 써본 배열은 1차원, 2차원 ...
(Data Structure) 알고리즘의 시간복잡도
알고리즘의 시간 복잡도 앞에서 학습한 단계 수를 이용해 알고리즘의 시간 복잡도에 접근 할 수 있다. 여기에는 3가지 표기 방법이 있다. O, Ω, θ O-표기법 (big-oh notation) 어떤 알고리즘의 총 단계 수의 함수를 f(n) 이라 하자. f(n) &...
(Data Structure) 자료구조,알고리즘
자료구조 예습 #1 요즘 도서관에서 이것저것 찾아보는데 재미가 들렸다. 다음 학기에 자료구조를 배우게 되는데, 이번에 예습을 간단히라도 해봐야겠다. 자료구조 (Data Structure) 전산학에서는 컴퓨터에 의한 자료의 표현, 변형을 할때 자료의 형태 및 동작 유형을...
CSS
(CSS) em, rem 단위
em, rem 단위
(CSS) CSS 우선순위
CSS 우선순위
(CSS) :link :visited :hover :active 셀렉터
:link :visited :hover :active
(CSS) display 속성
display 속성
(CSS) box-sizing
box-sizing
Machine Learning
PyCaret - AutoML 라이브러리
PyCaret PyCaret은 적은 코드로 머신러닝 워크 플로우를 자동화하는 오픈 소스 라이브러리입니다. 머신러닝 모델 개발시 많은 시간을 소요했던 코딩, 전처리, 모델 선택, 파라미터 튜닝 작업을 자동화해주어 쉽고, 높은 생산성의 작업을 가능하게 합니다. 공식 사이트에서 ...
(ML) 분류의 성능 평가
[ML] 분류의 성능 평가 머신러닝의 분류 기법의 성능을 평가하는 다양한 지표를 공부해보자 정확도(Accuracy score) 정확도는 실제 데이터와 예측 데이터가 얼마나 같은지를 나타내는 지표이다. Code (sklearn) from skle...
(ML) 데이터 전처리
데이터 전처리란 수집한 데이터를 분석에 적합한 형태로 만드는 과정입니다. 머신러닝 알고리즘의 학습 결과는 데이터의 품질이 결정하기에, 데이터를 올바르게 가공하는 작업은 대단히 중요합니다. 1. 누락 데이터 처리 누락 데이터는 NaN (Not a Number) 로 표시됩니다. 누...
(ML) 데이터 인코딩
컴퓨터에서 인코딩이란, 사람이 인지할 수 있는 형태의 데이터를 약속된 규칙에 의해 컴퓨터가 이해할 수 있는 0과 1로 변환하는 과정입니다. 즉 데이터 인코딩은 머신러닝 알고리즘에서 사용가능하도록 데이터를 변환하는 것입니다. 사이킷런 머신러닝 알고리즘은 문자열 값을 입력 값으로 허...
(ML) 피처 스케일링
데이터는 서로 다른 범위, 피처를 가질 수 있습니다. 이를 동일한 수준으로 맞추는 작업을 피처 스케일링이라 부릅니다. 대표적인 방법으로 표준화, 정규화가 있습니다. 1. 표준화 표준화는 데이터의 피처 각각의 평균이 0, 분산이 1인 가우시안 정규 분포를 가진 값으로 변환하는 작...
C++
C++ Pointer 3
2차원 배열과 포인터 2차원 배열에서의 포인터 변수는 자료형 (*포인터명)[열의개수]; char (*ptr2)[10]; //ptr2은 열의 개수가 10 인 2차원 배열의 포인터 변수이다. 로 선언한다. 반드시 열의 개수를 명시해 주어야 한다. 행의 개수를 선언하지 ...
(C++) Pointer 2
포인터 변수 자료형 포인터 변수를 선언할때 항상 자료형을 같이 선언한다. int num = 10; char ch = 'c'; int *ptr1 = # char *ptr2 = &ch; 여기서의 int , char 처럼 변수의 타입을 붙인다. 매번 붙이다...
(C++) Pointer 1
포인터의 정의 방학동안 C++을 끄적끄적 공부하면서 가장 어렵다고 느꼈던 부분은 단연 포인터였다. 이미 학교 수업에서 Java, Python 을 체험해보았기에 입출력, 함수, 클래스, 객체 등의 부분은 스스로도 어느정도 이해할 수 있었다. 하지만 C++의 포인터 개념은 매...
Bootstrap
(Bootstrap) Bootstrap 클래스 정리 (Button)
Bootstrap 클래스 정리 (2)
(Bootstrap) Bootstrap 클래스 정리 (Grid, Text, Table, Image, Alert)
Bootstrap 클래스 정리 (1)
(Bootstrap) Grid
(Bootstrap) Grid
Blog
오늘의 일지 - 9.5
9.5
블로그 포스팅에 태그 추가
블로그 포스팅에 태그 추가 포스팅에 태그 추가 블로그 포스트를 정리하는 작업이 필요할 것 같아서 포스팅에 태그를 부여해 본다. 태그를 부여하기 위해서는 포스팅의 머리부분, 즉 layout과 title를 작성하는 부분에 tags를 작성한다. --- layout: post ti...
Markdown
마크다운 이미지 넣기
마크다운 이미지 넣기
마크다운 링크 넣기
마크다운 에디터 링크
Web
HTTP 메소드
HTTP 메소드
HTTP 상태 코드(Status Code)
HTTP 상태 코드 (Status code)
Translation
(번역) 리액트를 배우고 계시나요? 간소하게 시작해 보세요.
Learning React? Start Small. (by Dave Ceddia) 를 번역한 글입니다.
Mathematics
마방진 (Magic square)
마방진 (Magic square)
Web Design
Web Design Museum - 웹 디자인의 발자취
Web Design Museum
Vue.js
(Vue.js) vue-cli로 프로젝트 생성
vue-cli로 프로젝트 생성하기
AutoML
PyCaret - AutoML 라이브러리
PyCaret PyCaret은 적은 코드로 머신러닝 워크 플로우를 자동화하는 오픈 소스 라이브러리입니다. 머신러닝 모델 개발시 많은 시간을 소요했던 코딩, 전처리, 모델 선택, 파라미터 튜닝 작업을 자동화해주어 쉽고, 높은 생산성의 작업을 가능하게 합니다. 공식 사이트에서 ...
Matplotlib
(Matplotlib) DateFormatter 사용하여 날짜 포맷팅하기
DateFormatter 사용하여 날짜 포맷팅하기 Matplotlib. Seaborn으로 x축이 datetime 타입인 시계열 그래프를 그릴때, 원하는 날짜 포맷으로 표기하기 위해서는 추가 작업이 필요하다. 이때 DateFormatter을 사용하여 날짜를 포맷팅하는 방법을 알...