개발공부/JavaScript
-
[자바스크립트] 자료형 변경하기개발공부/JavaScript 2024. 2. 5. 21:19
본 글을 자바스크립트에서 자료형 변경하는 방법에 대해 다룬 내용입니다. 목차 1. 정수 2. 실수 3. 문자 (문자열) 4. 논리 1. 정수 // 1. Number // 주어진 값을 숫자로 변환, 부동 소수점 숫자로 인식 console.log(Number("123")); // 123 console.log(Number("123.45")); // 123.45 console.log(Number(true)); // 1 console.log(Number("123")); // NaN (숫자로 변환할 수 없는 경우) // 2. parseInt // 주어진 값 하나하나를 정수로 추출, 부동 소수점 이후 숫자는 무시 // 두 번째 매개변수로 기수(진수)를 지정, 생략 시에는 10진수 console.log(parseInt..
-
[자바스크립트] 배열과 집합 ([], set())개발공부/JavaScript 2024. 1. 31. 22:31
본 글은 배열과 집합을 다룬 내용입니다. 목차 1. 배열과 집합을 차이점 2. 성능 3. 배열 4. 집합 1. 배열과 집합의 차이점 개발자는 데이터를 효율적으로 다루고 관리하기 위해 다양한 상황에 적절한 자료구조를 선택하고 활용할 수 있어야 한다. 데이터를 어떻게 관리하는지에 따라 프로그램의 성능이 달라진다. 그래서 우리는 늘 적절한 선택을 해야한다. 데이터 구조의 특징을 잘 기억해야지 적절한 선택을 할 수 있다는 점을 잊지 말고 공부하면 좋겠다! 이제 본론으로 돌아와 배열과 집합의 차이점을 정리하면 아래와 같다. 집합은 중복을 허용하지 않는 고유 값들의 모임 배열은 중복을 허용하고, 순서를 갖는 값들의 모임 여기서 기억해야 할 키워는 중복과 순서이다. 집합은 중복 X, 순서 X 배열은 중복 O, 순서 ..
-
[JavaScript]리프레시 토큰(Refresh Token)개발공부/JavaScript 2024. 1. 9. 14:21
오늘은 토큰 관련된 내용을 다뤄보고자 한다. (Access Token, Refresh Token) 최근에 진행하고 있는 프로젝트에서 토큰 관련 작업을 담당하게 되었는데 기록한 후 다른 사람들과 공유하면 좋을 거 같아서 글을 쓰게 되었다! 우선 토큰 개념을 알아야 하는 이유부터 찾아봤다. 권한과 보안 사용자가 로그인 상태에서 특정 서비스, 앱에 대한 권한을 부여받은 것을 의미 (사용자가 특정 리소스 접근할 권한) 이를 통제하여 개인 정보 접근에 제한을 둘 수 있어 보안을 강화할 수 있음 인증과 인가 분리 사용자의 인증은 Access Token을 받는 단계에서 이루어지는데, 이를 통해 리소스에 대한 인가를 받을 수 있음 사용자 경험 향상 Access Token 정보로 여러 서비스나 앱에 접근할 수 있음 AP..
-
수학 함수 (abs, ceil, floor, round, sort)개발공부/JavaScript 2024. 1. 4. 14:35
평소에 프로그래머스 통해서 코딩 테스트 준비하고 있는데 가끔 헷갈리는 함수들이 있어 종류 별로 정리해보려고 한다. 먼저 수학 관련된 함수에 대해 알아보자. (문제에서 자주 사용했던 함수들 위주 정리) abs() 절대값 반환 (숫자의 부호를 무시하고, 크기만 나타내는 값) Math.abs(number); let num1 = 2; let num2 = -2; let num3 = 2.5; Math.abs(num1); // 2 Math.abs(num2); // 2 Math.abs(num3); // 2.5 ceil() 주어진 숫자 x 이상의 최소 정수를 반환 (정수로 올림하는 함수) Math.ceil(number); let num1 = 2; let num2 = -2; let num3 = 2.5; let num4 ..
-
빈 값 (null, undefined, undeclared, NaN)개발공부/JavaScript 2023. 12. 27. 16:26
오늘은 자바스크립트에서 빈 값을 표현하는 null, undefined, undeclared, NaN에 대해 자세히 알아보고자 한다. 모두 빈 값은 표현하지만 각각 다른 의미를 가지고 있어 사용할 때 주의해야 한다. null 명시적으로 값이 없음을 나타내는 값 (= 빈 값을 의미) 변수가 존재하지만 값이 지정되지 않았거나 비어 있는 경우에 사용 undefined 값이 할당되지 않은 변수 또는 객체의 속성에 접근 했을 때 나타는 값 (= 정의되지 않음) 변수가 선언되었지만 초기화 되지 않은 경우 또는 함수에서 값을 반환하지 않은 경우 등에서 발생 undeclared 자바스크립트에서 사용되지 않음 선언되지 않은 변수를 나타내는 맥락에서 사용 됨. 즉, 변수를 선언하지 않고 사용하면 해당 변수는 undeclar..
-
JS에서 비동기적으로 코딩하기개발공부/JavaScript 2023. 12. 21. 09:43
오늘은 JS에서 비동기 처리하는 방식에 대해 한번 더 정리하고자 한다. 이전에 프로젝트 때문에 비동기 공부를 했었는데.. 내용이 많다.. 그래서 면접 공부할 때 찾아보기가 힘들어서 핵심만 간단하게 정리하려고 한다. 비동기가 필요한 이유 자바스크립트는 싱글 스레드이기 때문에 한번에 하나의 작업만 수행 가능! 즉, 이전 것이 완료되지 않으면 다른 업무 수행 불가 (대기시간이 길어짐 = 작업 시간 길어짐 = 성능 문제 발생) 비동기는 이전 것이 완료되지 않아도 다른 업무 수행 가능! 단, 로직이 끝났을 때 원하는 동작 수행을 위해 콜백 함수를 사용하면서 콜백 지옥이 발생할 수 있음. (가독성 떨어짐, 로직 변경 어려움 등 문제 발생) https://hani-develop-history.tistory.com/4..