본문 바로가기 메뉴 바로가기

hahagarden의 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

hahagarden의 블로그

검색하기 폼
  • 분류 전체보기 (148)
    • 개발 (67)
      • JS, TS, React (28)
      • HTML, CSS, Figma (8)
      • CS, Network (13)
      • TIL (18)
    • Project (31)
      • MyLifePlaylists.tsx (8)
      • GPTea.tsx (17)
      • 질문게시판.js (2)
      • 미니쇼핑몰.js (4)
    • 생활 (50)
      • 일상 (14)
      • 맛집 (24)
      • 등산 (3)
      • 정보공유 (9)
    • 깃허브 @hahagarden (0)
  • 방명록

개발/JS, TS, React (28)
JS 배열의 생성, 내장메서드, 복사

배열 배열은 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 요소별로 쉼표(,)로 구분하고 대괄호([])로 묶는다. 순서 정보(index, 인덱스)를 가지며 인덱스는 0부터 시작한다. 인덱스를 사용하여 존재하지 않는 요소에 접근하면 undefined를 반환한다. ❗️TIP❗️ 배열은 console.log가 아닌 console.table을 하면 보기가 더 편하다. let arr = ['a','b','c']; console.table(arr) 배열 생성 배열은 다음과 같은 방법으로 생성할 수 있다. ✔️ 배열 리터럴 let arr=['a','b','c']; // [ 'a', 'b', 'c' ] ✔️ Array() 생성자 함수 let arr1=new Array(2); // [ ] (2를 leng..

개발/JS, TS, React 2023. 3. 6. 11:03
JS 조건문과 반복문, 함수

조건문 특정 조건에서만 코드를 실행하고 싶을 때 if 조건문을 사용한다. 조건문이 true일 때만 실행되며, false일 때 실행할 작업을 따로 작성하고 싶으면 else if 또는 else 구문을 이용한다. if(조건문1) { // 조건문1이 true일 때 실행할 코드 } else if(조건문2) { // 조건문1이 false이고 조건문2가 true일 때 실행할 코드 } else { // 조건문1, 조건문2가 모두 false일 때 실행할 코드 } 삼항조건연산자 조건 ? true일 때 실행할 코드 : false일 때 실행할 코드 if-else문을 위와 같이 삼항조건연산자를 이용해서 작성할 수 있다. 삼항조건연산자끼리 중첩도 가능하다. 한번에 작성할 수 있어서 편하고 가독성도 좋지만 코드가 간단할 때만 이용..

개발/JS, TS, React 2023. 3. 6. 11:00
JavaScript란, 타입과 변수

JavaScript 브라우저에서 실행하기 위해 만들어진 언어이다. 그래서 HTML과 JavaScript를 함께 실행해야 작동한다. 하지만 NodeJS라는 JavaScript런타임을 설치하면 브라우저가 아니어도 실행시킬 수 있다. 이를 통해 브라우저, 서버, 모바일 개발까지 가능한 멀티 패러다임 프로그래밍 언어가 되었다. 기계어: 1또는 0으로 이루어진, 컴퓨터가 이해할 수 있는 언어 프로그래밍 언어: 개발자가 프로그램을 작성하기 위한(컴퓨터에게 명령하기 위한) 언어. 기계어로 변환되어 컴퓨터가 명령을 수행하는 것이다. 자연어: 인간이 쓰는 언어. 컴퓨터 공학에서 프로그래밍 언어와 구분하기 위해 따로 자연어라고 구분짓는다. JavaScript 엔진: JavaScript코드를 실행할 수 있는 프로그램. 브라..

개발/JS, TS, React 2023. 3. 6. 10:58
JS 클로저, 클로저의 활용 사례

클로저 클로저는 함수와 그 함수의 주변환경과의 조합이다. 함수와 그 함수의 주변환경과의 조합. 이 말에 따르면 모든 함수를 그 주변환경과 조합하면 되기 때문에 모든 함수에 대해 클로저라고 생각할 수 있겠다. 하지만 모든 함수에 대해 클로저라고 칭하지 않는다. 또한 렉시컬 스코프를 따르기 때문에 함수는 어디에서 호출했든 자신이 정의된 환경인 상위 스코프의 변수를 참조한다. ❓ 스코프에 대하여 다음 포스팅을 참고할 수 있다. https://hahagarden.tistory.com/94 JS 스코프, 그 규칙과 종류 스코프 스코프란 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 자신을 참조할 수 있는(접근할 수 있는) 유효범위가 결정된다. 스코프는 식별자 ha..

개발/JS, TS, React 2023. 3. 5. 03:12
이전 1 2 3 다음
이전 다음
공지사항
  • 프론트엔드 개발 새싹🌱🪴
최근에 올라온 글
Total
Today
Yesterday
링크
  • 유튜브/@hahagarden
  • 깃허브/hahagarden
TAG
  • 공릉 이자카야
  • 이수 맛집
  • 공릉 카페
  • 태릉맛집
  • 구글서치콘솔
  • 맥 깃허브 데스크탑
  • 공릉 술집
  • 롯데월드 보조배터리
  • 공릉 밀크티
  • 춘천맛집
  • 춘천닭갈비
  • 태릉삼겹살
  • Til
  • 티스토리
  • 을지로맛집
  • 롯데월드 매직패스 프리미엄
  • 홍천 삼겹살
  • 공릉 꼬치
  • 공릉 맛집
  • 태릉 이자카야
  • 태릉 꼬치
  • sitemap
  • 깃허브 데스크탑 로그아웃
  • 티스토리검색
  • 태릉 술집
  • 롯데월드 키오스크
  • 회고
  • 신불당 술집
  • 공릉맛집
  • solo project
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바