본문 바로가기

분류 전체보기

(93)

[ JavaScript ] var, let, const 파헤치기. 자바스크립트에서 변수를 선언할 때 사용하는 키워드는 var, let, const 이렇게 총 3가지가 존재한다. 1. var var 키워드는 ES6 이전( let, const가 나오기 이전 )에 변수를 선언할 때 사용하던 키워드였다. var 키워드를 사용하여 변수를 선언하면 런타임 이전에 자바스크립트 엔진에 의해 암묵적으로 "선언"단계와 "초기화"단계를 거치게 된다. 선언 단계에서는 스코프에 변수 식별자를 등록해 자바스크립트 엔진에 변수의 존재를 알리고 그 즉시 초기화 단계에서 undefined로 변수를 초기화한다. var 키워드는 변수 블록을 고려하지 않고, 현재 함수(var 키워드를 선언한 함수)또는 전역 스코프 어디에서나 접근할 수 있는 변수를 선언한다. // 변수 a에 대해 선언. var a; 이렇..

[ ReactNative / iOS ] iOS 시뮬레이터 디바이스 변경하기. React Native로 iOS 시뮬레이터를 통해 프로젝트를 빌드를 하는데, 계속 내가 설치하지 않은 iOS 버전의 iPhone 타겟이 잡혔다.ㅠㅠ 답답해서 서치를 해보니 공식 페이지에 친절히 나와있다! 1) 현재 사용 가능한 device 정보 확인하기 xcrun simctl list devices 명령어를 치면 아래와 같이 내가 사용가능한 iOS 버전과 디바이스 목록이 나온다. 2) 사용 가능한 디바이스 중 내가 원하는 디바이스 및 iOS 버전 선택. npx react-native run-ios --simulator="iPhone 13 (15.5)" 이렇게 명령어를 입력하면 이렇게 내가 원하는 디바이스의 원하는 iOS 버전으로 시뮬레이터 선택이 가능하다-!! 참고 자료 ) React Native 공식 ..

[ JavaScript / Error ] 자바스크립트의 Error 객체 자바스크립트에서 런타임 오류가 발생하면 Error 객체를 던져주고 개발자들은 이를 통해 에러 처리를 해주고 디버깅을 할 수 있다. Error생성자 함수를 통해 에러 객체를 생성할 수 있다. Error 생성자 함수를 통해 생성된 에러 객체는 message 프로퍼티(Error 생성자 함수에 인수로 전달된 에러 메세지)와 stack 프로퍼티(에러를 발생시킨 콜스택의 호출 정보를 나타내는 문자열)를 갖는다. 아래의 표를 통해 자바스크립트의 표준 내장 오류 유형에 대해 알아보자. 유형(생성자 함수) 인스턴스 EvalError 전역 함수 eval()에서 발생하는 에러 객체 RangeError 숫자 변수나 매개변수가 유효 범위를 벗어났을 때 발생하는 에러 객체 ReferenceError 잘못된 참조에 대해 발생하는 ..

[ ReactNative / M1 ] Pod install 관련 에러 해결 방법. 나의 맥북프로(M1칩)에서 react native ( ios / macOS ) 프로젝트를 새로 생성하고 새로 생성한 프로젝트 폴더의 ios 폴더에서 'pod install' 을 진행해 주었더니 다음과 같은 오류가 발생했다. 안내대로 `pod install --repo-update` 명령어를 실행시켰지만 해결되지 않았다...ㅠㅠ... pod install 이 정상적으로 처리되지 않는 오류가 발생...😭 Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65 React Native 공식 페이지의 Guide와 stackOverflow를 참고하여 오류를 해결하였다. 1. react native 프로젝트 폴더..

[ JavaScript / 정규표현식 ] 자바스크립트 정규표현식 정리 <2> 1편 참고 [ JavaScript / 정규표현식 ] 자바스크립트 정규표현식 정리 출처: MDN Web Docs 정규표현식 (정규식) - Regular expression 정규 표현식은 문자열에 나타나는 특정 문자 조합과 대응시키기 위해 사용되는 패턴으로, 자바스크립트에서 정규 표현식 또한 객체이다. 이 d-dual.tistory.com 정규표현식 1편에서는 MDN에서 설명하는 정규표현식에 대해 알아보았다. 2편에서는 실제 사용 방법 및 활용법에 대해 정리해 보려고 한다. 정규표현식은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어로 자바스크립트의 고유 문법이 아니며, 대부분의 프로그래밍 언어와 코드 에디터에 내장되어 있다. * 자바스크립트는 펄(Perl)의 정규 표현식 문법을 ES3..

[ React / Select ] Select의 defaultValue 를 state를 이용하여 동적 변경 시키기. ❗️ 이슈 발생 React 프로젝트를 작업 중에 데이터 리스트를 state로 관리해서 필터링 옵션을 선택할 때마다 데이터 리스트를 동적 필터링 구조로 작업 중에 일반 텍스트 데이터들은 동적 필터링 기능이 잘 적용되는데, Select의 defaultValue는 이전 데이터 값을 갖고 동적 필터링이 적용되지 않는 이슈가 발생하였다. 예시 코드 import React, {useState, useEffect} from 'react'; // UI Library는 Antdesign을 사용. import { Select } from 'antd'; const { Option } = Select; const data = [ {name: "Lee", isStudent: false}, {name: "Kim", isStude..

[ Git ] 명령어를 통해 브랜치 git push 하기 예전에는 소스트리를 통해 커밋을 하고 push를 진행했지만, 소스트리 튕기는 현상도 잦고 또 시간 절약을 위해서 나는 보통 커밋과 push를 명령어로 진행한다. 이제는 습관처럼 사용하는 유용한 깃 명령어에 대해 알아보려고 한다. 참고 git-scm.com 1. git status를 통해 현재 작업 상태를 확인 git status 참고 $ git status git status는 인덱스 파일과 현재 HEAD 커밋 사이에 차이가 있는 경로 및 작업 트리의 경로를 표시한다. 첫 번째는 git commit을 실행하여 커밋할 내용이고, 두 번째와 세 번째는 git commit을 실행하기 전에 커밋하지 않은 변경사항 확인할 수 있다. 2. git에 커밋할 사항 추가 스테이지에 올릴 변경 사항들을 지정하는 단계 이다..

[ Javascript ] 원시 값과 객체의 차이에 대해 알아보기. 원시 값 (Primitive) MDN - 원시 값 설명 원시 값 - 용어 사전 | MDN JavaScript에서 원시 값(primitive, 또는 원시 자료형)이란 객체가 아니면서 메서드도 가지지 않는 데이터입니다. 원시 값에는 7종류, string, number (en-US), bigint (en-US), boolean, undefined, symbol, 그리고 null이 developer.mozilla.org 자바스크립트에서 원시 값은 객체가 아니고, 메서드를 가지지 않는 데이터로 아래와 같이 총 7가지의 종류가 존재한다. - string - number - bigint - boolean - undefined - symbol - null 원시 타입의 값은 변경 불가능한 값으로, 변수에 원시 값을 재할..

이전 1 ··· 5 6 7 8 9 10 11 12 다음

티스토리툴바