KassyLog

코드를 작성하다보면 에러가 나올 때가 있다. 예전에 경험했던 면접에서도 물어봤던 질문 중 하나인데 오늘은 그 에러의 종류에 대해 기록해보려 한다. 오류의 종류는 크게 Syntax Error(구문 오류), Runtime Error(실행 오류), Semantic/Logical Error(의미적 오류)로 나눌 수 있다. 구문 에러 (Syntax error) 문법적인 에러를 팔한다. 컴파일 과정에서 나오는 것들이며 구문오류, 컴파일 타임 에러라고도 한다. 예를들어, 키워드를 잘못 작성하거나, 괄호를 연 후 닫지 않은 것과 같은 경우를 말한다. 구문 오류는 프로그램의 구조에서 잘못된 부분을 알려줘서 비교적 해결하기 쉬운 편이다. 런타임 에러 (Runtime error) 프로그램 실행 중에 프로그램이 비정상적으로 ..

Date() 생성자 - JavaScript | MDN Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를 플랫폼에 종속되지 않는 형태로 생성합니다. Date 객체는 1970년 1월 1일 UTC(국제표준시) 자정으로부터 지난 시간을 밀리초로 나타내는 UNIX developer.mozilla.org 지난번, 라이브러리 없이 자바스크립트만 활용해서 달력을 만들어본 적이 있다. 그 때 활용했던 자바스크립트의 Date() 생성자를 기록해보려 한다. //달력을 만들어보자 const week = ["일", "월", "화", "수", "목", "금", "토"]; const today = new Date(); const viewYear = today.getFullYear(); //년도 const viewMon..

Object 생성자 함수 new 연산자와 Object 생성자 함수로 객체를 생성할 수 있다. Object 생성자 함수를 사용하면 빈 객체를 return 한다. const obj = new Object(); // 동적 프로퍼티 추가 obj.id = 'leo'; obj.velog = function () { console.log('Hello Velog'); } console.log(obj); // { id: 'Leo', velog: [Function (anonymous)] } 생성자 함수는 new 연산자와 함께 호출하여 인스턴스를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스라고 한다. String, Number, Boolean, Function, Array, Date, RegExp, ..

내부슬롯과 내부 메서드 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에 사용하는 의사 프로퍼티와 의사 메서드다. 자바스크립트 엔진의 내부 로직이므로 원칙적으로 자바스크립트는 내부슬롯과 내부메서드에 직접적으로 접근하거나 호출할 수 있는 방법을 제공하지 않는다. 단, 일부 내부슬롯과 내부메서드에 한하여 간접적으로 접근할 수 있는 수단을 제공하기는 한다. 프로퍼티 어트리뷰트와 프로퍼티 디스크립터 객체 자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정의한다. 프로퍼티의 상태란 프로퍼티의 값, 값의 갱신 가능 여부, 열거 가능 여부, 재정의 가능 여부를 말한다. const person = { name: "Lee" } perso..

웹에서 개발할 땐 window.alert를 활용해서 간단한 안내나 경고 문구를 띄워주곤 하는데 이를 react-native에서는 어떻게 활용할까? Alert · React Native Launches an alert dialog with the specified title and message. reactnative.dev 위와 같은 컴포넌트가 역시 존재한다. Alert.alert("아이디와 비밀번호를 모두 입력해주세요", [{ text: "OK", onPress: () => console.log("OK Pressed") }]); 위 처럼 간단하게 코드를 작성할 수 있다. 여기서 특이점이 존재하는데, Alert.alert( "로그아웃 하시겠습니까", "클릭", [ { text: "아니오", onPress..

android와 iOS 모두 카메라 기능을 하기 전에 필수로 권한요청을 진행해야 한다. iOS 는 Info.plist에 작성 NSPhotoLibraryUsageDescrption $(PRODUCT_NAME) would like access to your photo gallery NSCameraUsageDescription $(PRODUCT_NAME) would like to use your camera NSPhotoLibraryAddUsageDescription $(PRODUCT_NAME) would like to save photos to your photo gallery android 는 AndroidManifest.xml에 작성 내가 찾아본 라이브러리는 총 3가지가 있었는데 그 중에서 내가 활용한 ..

리액트에서는 모달을 만들기위해서 따로 컴포넌트를 만들거나 css의 (나름) 공수를 들였어야 했는데 리액트네이티브에서는 자체적으로 제공하는 모달이 있어서 아주 편리하게 모달을 만들 수 있다. 개인적으로 react-native를 활용하면서 가장 편하다고 생각하는 부분이다. Modal · React Native The Modal component is a basic way to present content above an enclosing view. reactnative.dev import React, { useState } from "react"; import { Alert, Modal, StyleSheet, Text, Pressable, View } from "react-native"; const App ..

react-native에는 버튼 태그가 따로 존재한다. { navigation.navigate("changePw"); }} /> 예시처럼 버튼 안에 title로 버튼의 이름을 지정할 수 있고 color로 글자 색깔을 지정할 수 있다. 다만 Button 태그 하나로는 color만 변경 가능하고 폰트 변경 및 사이즈 변경 불가하다는 커스텀의 한계가 있다. Button · React Native A basic button component that should render nicely on any platform. Supports a minimal level of customization. reactnative.dev 위 사이트에서 더 자세하게 알 수 있지만 커스터마이징을 하기 위해 내가 사용한 방법은 아래의..