FrontEnd
JS 정렬(sort) 방법
정렬이란? 정렬은 특정한 규칙을 가지고 규칙에 맞게 한줄을 세우는 것으로 그 규칙이 오름차순(갈수록 높아지는), 내림차순(갈수록 낮아지는), 알파벳 순서(사전식) 등 다양하게 존재한다. 일반적인 정렬 방법은 for, while 과 같은 반복문을 통해서 정렬을 할 수 있지만 JS에는 ₩sort()₩ 라는 메서드가 존재한다. 다양한 정렬 알고리즘을 보고 싶으면 아래의 링크 참조! https://hankyul96.tistory.com/3 sort() 메서드 JS의 sort() 메서드는 기본적으로 배열을 기반으로 하며 배열의 요소를 적절한 위치에 정렬한 후 배열을 반환한다. sort() 메서드는 stable sort 가 아닐 수 있고 정렬 순서는 정수 숫자가 아닌 유니코드 코드 포인트를 따른다. let arr1..
[유데미 - Modern React and Redux] Section 2: JSX 파트
본 포스팅은 Udemy의 Modern React and Redux라는 강의를 보면서 React의 개념과 실습들을 정리한 것입니다. JSX 란? JSX 는 React에서 생김새를 정의할 때, 사용하는 문법으로 HTML처럼 보이지만 HTML은 아닌 사실 Javascript 이다. babel 을 통해서 JS로 변경되곤 하는데 babel 이 필요한 이유는 웹 브라우저는 새로운 ES 문법마다 생김새가 다른대 모든 ES 문법에 적용이 필요하기 때문에 하나의 통일된 javascript 결과물을 출력해 줄 무엇인가가 필요하기 때문. ( babel 에 대한 상세 내용은 추후 포스터에서 정리할 예정 ) - HTML으로 보이지만 HTML은 아니고 JS와 비슷한 문법 - 브라우저는 JSX 코드를 이해하지 못한다 -> JSX을..
JS 화살표 함수(arrow function)
Javascript 화살표 함수란? 화살표 함수는 ES6에 새로 등장한 함수를 생성하는 방법으로 말 그대로 화살표(=>) 를 이용하여 함수를 선언하는 방법이다. 화살표 함수는 익명 함수로만 사용할 수 있으며 매개변수의 여부 등에 따라 생략까지 할 수 있는 간략한 방법으로 함수를 선언할 수 있다. 또한 생성자로서 사용할 수 없다. 기존 함수 생성 방법(ES5) let sum = function(a,b) { return a+b; }; 기존 함수는 매개변수 a,b를 받는 함수 sum을 생성하고 return 값으로 매개변수들에 대한 식을 만든다 화살표 함수 생성 방법(ES6) let sum = (a,b) => a+b; 화살표 함수는 function이라는 키워드를 제거하고 기존 함수와 동일하게 괄호 안에 인자를 ..
var, let, const 차이
Javascript 변수, 상수 Javascript를 공부하던 중 변수를 선언하는 방식이 크게 var, let 그리고 const가 존재하는 것을 알게 되었다. 기존에 공부했던 C, C++, Java 와는 다른 방식의 변수 선언을 보고 차이점이 궁금하여 각 변수 키워드의 차이를 알아보고자 한다. var 이란? - ES5까지 사용된 변수 선언 키워드 - 중복 선언 가능 - 재할당 가능 - 함수 레벨 scope - 호이스팅 - 전역 개체 프로퍼티 var 은 Javascript에서 ES5까지 변수를 선언할 수 있는 유일한 키워드이다. 비교적 let에 비해 과거에 사용했던 키워드라고 해서 현재 사용 불가능하진 않다. 많은 JS 코드들이 var로 구성되어 있는 경우도 많고 현재도 var을 키워드로 사용 가능하다. ..