학습 내용74 타입 변환과 단축 평가 타입 변환과 단축 평가 타입 변환 타입 변환이라고 하는 개념은 기존 원시값(primitive)을 직접 변경하는 것은 아님. 원시값은 변경 불가능한 값(immutable value)이므로 변경할 수 없음. 타입 변환에는 암묵적 타입 변환(implicit coercion)과 명시적 타입 변환(explicit coercion)이 있음. 암묵적 타입 변환(=타입 강제 변환) 개발자의 의도와는 상관없이, 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되는 것 명시적 타입 변환(=타입 캐스팅) 개발자가 의도적으로 값의 타입을 변환하는 것 암묵적 타입 변환 핵심 키워드 : 🍉문맥🍉 자바스크립트 엔진은 표현식을 평가할 때 개발자의 의도와는 상관없이 코드의 문맥을 고려해 암묵적으로 데이터 .. 2021. 5. 18. 객체 리터럴 객체 리터럴 객체(Object) 객체(object)란, 0개 이상의 프로퍼티(property) 및 메서드(method)로 구성된 집합임. 프로퍼티 => 키(key)와 값(value)으로 구성됨. 프로퍼티는 객체의 상태를 나타내는 값(data)임. 보통은 데이터 구조와 연관된 속성을 나타냄. 프로퍼티 키로는 문자열과 심벌 값만 사용할 수 있는 반면, 프로퍼티 값으로는 모든 값이 올 수 있음. 메서드 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드라고 부름. 메서드는 프로퍼티(=상태 데이터)를 참조하고 조작할 수 있는 동작임. 객체는 이처럼 상태와 동작을 하나의 단위로 구조화할 수 있어 유용함. 객체들의 집합으로 프로그래밍하려는 프로그래밍 패러다임을 객체 지향 프로그래밍이라고 함. 객체 리터럴.. 2021. 5. 15. 스코프(Scope)란? 오늘! 첫 면접을 보고 왔는데요, 스코프가 무엇인지 설명해달라고 하시는 질문에 그만 횡설수설 해버렸답니다 하하.. 사실 너무 기본적인 개념이라... 제가 제대로 알고 있지 못한다는 사실조차 모르고... 따로 대비할 생각을 못했던 것 같습니다... 근데 이게 이렇게 되네요 ^ _ ^ ㅋ 설명을 할라고 하니 어디서부터 어떻게 설명해야 할지...??? 첫 질문이어서 더 긴장해서 그랬던 것 같기도 하고요... 아무튼 각설하고! 이번 기회에 자바스크립트에서의 스코프라는 개념에 대해서 확실히 짚고 넘어가보겠습니다! 이 글을 보시는 분들은.. 아무쪼록 추후 면접에서 스코프에 대한 개념 설명을 깔끔하게 잘 하시길 바라며~ ✨ 정리 시작하도록 하겠습니다~ 스코프(scope)란? - 스코프는 변수 등의 식별자가 유효한 범.. 2021. 5. 14. Set과 Map Set과 Map Set Set 객체는 서로 중복되지 않는 값(value)들의 집합(set)으로, 배열과 유사하게 생긴 객체지만 배열과 달리 ①동일한 값을 중복하여 포함할 수 없으며 ②요소 순서에 의미가 없고, ③index가 존재하지 않기 때문에 index로 요소에 접근할 수 없음. 대괄호가 아닌 중괄호로 감싼 배열처럼 생겼음! Set은 수학적 집합을 구현하기 위한 자료구조임. => 교집합, 합집합, 차집합, 여집합 등 구현 가능 집합은 가장 근간이 되는 자료구조 중 하나로, 프로그래밍에서 집합은 ①중복되지 않고 ②정렬되지 않은 항목들의 그룹을 의미함. 집합은 O(1) 상수 시간 연산이 가능한데, 이는 집합의 구현이 해시 테이블의 구현을 기초로 하기 때문임. 집합은 어떤 항목이 유일한지 확인할 때 강력한 .. 2021. 5. 11. 페이지 상단 이동 버튼(scroll to top button) 만들기 이번 프론트엔드 스쿨 파이널 프로젝트 때 만들었던 웹 애플리케이션인 Suits에 페이지 상단 이동 버튼을 추가할 필요성을 느껴 스크롤 버튼 컴포넌트 및 그에 대한 로직을 추가하게 되었습니다. (사용 기술: JavaScript, React, Styled-Components) 보통은 이렇게 네이버처럼 우측 하단에 scroll to top 버튼을 두는 게 일반적인 것 같은데요, 저희는 하단이 아닌 페이지 상단에 이 버튼을 위치시키고 싶었습니다. 만약에 우측 하단에 스크롤 버튼을 위치시키려면 우측 하단에 이미 존재하는 다크모드 전환 버튼과 나란히 위치시켜야 했는데요(위 사진의 네이버 메인페이지처럼 말이죠~), 그렇게 할 경우 (특히 모바일의 경우) 사용자가 다크모드 버튼을 누르려다가 실수로 스크롤 버튼을 누르는.. 2021. 5. 8. [Discord.js로 디스코드 봇 만들기] 03. 도움말 명령어 작성하기 오늘은 튜토리얼을 참고하여 명령어에 대한 사용 방법 등을 조회할 수 있는 도움말 명령어를 작성해보도록 하겠습니다. 준비 전날 작성했던 새로운 bot.js 파일에서 아래 코드의 마지막 줄과 같이, client에 category라는 프로퍼티를 새롭게 추가해주세요! 곧 작성할 도움말 명령어에서 카테고리들을 쉽게 불러올 수 있도록 하기 위함이라고 하네요. // bot.js client.commands = new Discord.Collection(); client.aliases = new Discord.Collection(); client.category = ['bot', 'moderator']; 셋째 날 이번 시간에는 !도움말 + 명령어(예를 들어 '!도움말 청소')를 입력하면 해당 명령어에 대한 사용 방법과 .. 2021. 5. 5. 이전 1 ··· 9 10 11 12 13 다음
