[React] useState 사용법

React에서 useState는 상태를 추가하고 관리할 수 있게 해주는 hook입니다. 상태란 시간이 지남에 따라 변경될 수 있는 값으로 이 값을 저장하고 관리하는 데 useState를 사용합니다. useState 사용법 먼저 useState의 사용법은 다음과 같습니다. const [상태 변수, 상태 변경 함수] = useState(초기값); useState함수에 초기 상태 값을 매개변수로 호출하면 배열이 반환됩니다. 이 배열에는 현재 값을 나타내는 상태 변수와 상태 값을 변경하는데 사용하는 함수가 들어가 있습니다. 예를 들면 다음과 같습니다. import React, { useState } from 'react'; function Counter() { const [count, setCount] = us..

• format_list_bulleted React
• · 2023. 4. 16.
• textsms

[React Native] 키보드 내리기 방법

React Native에서 화면에 이미 활성화되어 있는 키보드를 내리려면 React Native API에서 제공하는 키보드 모듈을 사용하면 됩니다. Keyboard 모듈은 키보드를 제어하는 데 사용할 수 있는 몇 가지 메서드를 제공하는데요. 그 중 키보드를 내리기 위해서는 Keyboard.dismiss() 메서드를 사용하면 됩니다. 키보드 내리기 예제 1 특정 버튼을 클릭했을 때 키보드를 내리는 예제입니다. import React from 'react'; import { View, TextInput, Button, Keyboard } from 'react-native'; const MyComponent = () => { return ( Keyboard.dismiss()} /> ); }; export de..

• format_list_bulleted React
• · 2023. 4. 16.
• textsms

[React Native] iOS 시뮬레이터에서 키보드 안 보일 때 해결방법

현상 React Native로 개발 후 iOS 시뮬레이터를 실행했습니다. 터미널에 별다른 오류 로그가 찍히지 않으나 TextInput 컴포넌트를 클릭하면 키보드가 나타나지 않는 현상이 있었습니다. 해결방법 iOS simulator 안에 있는 Textinput에 focus한 상태로 command(cmd) + K를 입력합니다.

• format_list_bulleted React
• · 2023. 4. 2.
• textsms

[React Native] TextInput 별표 표시 방법

secureTextEntry 일반적으로 React Native에서 TextInput 컴포넌트에 내용을 입력하면 우리가 입력한 내용이 그대로 화면에 나타납니다. 비밀번호나 신용카드 번호와 같은 민감한 정보를 다른 사람의 눈에 띄지 않도록 보호하려는 경우 secureTextEntry를 사용합니다. React Native의 secureTextEntry는 TextInput 컴포넌트와 함께 사용할 수 있는 프로퍼티입니다. secureTextEntry가 true로 설정되어 있으면 TextInput 컴포넌트에 입력된 모든 텍스트가 숨겨지고 점이나 별표로 대체되어 비밀번호와 같은 민감한 정보를 보호할 수 있습니다. secureTextEntry 사용 방법 다음은 React Native에서 secureTextEntry를 ..

• format_list_bulleted React
• · 2023. 4. 2.
• textsms

MX레코드 확인 방법

MX레코드란? MX 레코드(Mail Exchanger Record)는 메일 교환 레코드를 의미합니다. 특정 도메인 이름을 대신하여 이메일 메시지를 수락할 메일 서버를 지정하는 DNS(도메인 이름 시스템) 레코드의 한 유형입니다. 누군가 특정 도메인 이름을 가진 이메일 주소로 이메일을 보내면 발신자의 이메일 서버는 해당 도메인의 DNS 레코드를 참조하여 해당 도메인의 이메일 처리를 담당하는 서버를 찾습니다. 도메인의 MX 레코드에는 이메일 메시지를 수신해야 하는 이메일 서버의 호스트 이름이 포함되어 있습니다. 예를 들어 누군가 amy@google.com로 이메일을 보내면 발신자의 이메일 서버는 google.com에 대한 MX 레코드를 조회하여 amy의 사서함으로 메시지를 전달하기 위해 연결해야 하는 서버를..

• format_list_bulleted 기술팁
• · 2023. 3. 30.
• textsms

[Javascript] 배열, 문자열, 맵 전체 출력하기 - for of 반복문

for of 반복문 for of 반복문은 배열, 문자열, 맵과 같은 반복 가능한 객체를 더 쉽게 반복할 수 있도록 ES6에서 새롭게 도입된 기능입니다. 사용 방법은 다음과 같습니다. 배열 반복 배열로부터 for of 문을 사용하여 배열의 요소를 반복해 출력하는 예시입니다. See the Pen javascript - for of - array by saladent (@saladent) on CodePen. 문자열 반복 "Hello" 값을 가진 문자열로부터 str을 for of 문을 사용하여 문자를 반복해 출력하는 예시입니다. See the Pen javascript - for of - string by saladent (@saladent) on CodePen. 맵 반복 세 개의 키-값 쌍이 있는 map으..

• format_list_bulleted javascript
• · 2023. 3. 30.
• textsms

[React] Error: Element type is invalid 오류 해결방법

이 오류 메세지는 리액트에서 정상적으로 내보내지 않은 컴포넌트를 렌더링하려고 할 때 발생합니다. Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of `ListScreen`. 오류가 발생한 코드는 다음과 같습니다. ListScreen.js..

• format_list_bulleted React
• · 2023. 3. 30.
• textsms

[Javascript] 데이터 타입 확인하기 - typeof

JavaScript의 typeof 연산자는 변수 또는 표현식의 데이터 유형을 확인하는 데 사용됩니다. typeof 구문 typeof 연산자는 operand의 타입을 나타내는 문자열을 리턴해줍니다. typeof operand typeof(operand) typeof 예제 typeof 연산 결과 해당 변수의 데이터 유형이 문자열로 나타납니다. const name = "Bob"; console.log(typeof name); //"string" const age = 21; console.log(typeof age); //"number" const arr = [1, 2, 4]; console.log(typeof arr); //"object" const obj = {name:'Bob'}; console.log(t..

• format_list_bulleted javascript
• · 2023. 3. 28.
• textsms

Git 계정 이름과 이메일 변경 방법

Git 계정 이름과 이메일 변경 방법 Git 계정 이름과 이메일을 변경하려면 다음 단계를 따르세요. 1. 터미널 또는 명령 프롬프트를 엽니다. 2. cd 명령을 사용하여 Git 저장소의 루트 디렉터리로 이동합니다. mySite를 계정 정보를 변경할 저장소의 루트 디렉터리로 변경합니다. cd C:\mySite 3. 다음 명령을 입력하고 “Your Name” 및 “youremail@example.com”을 자신의 이름과 이메일 주소로 변경합니다. git config --global user.name "Your Name" git config --global user.email "youremail@example.com" --global 옵션이 시스템의 모든 저장소에 대해 전역적으로 계정 정보를 변경해줍니다. 현..

• format_list_bulleted Git
• · 2022. 6. 30.
• textsms

크롬(Chrome) Standalone, 파이어폭스(Firefox) Standalone 다운로드 링크

인터넷을 사용할 수 없는 사내망에서 크롬(Chrome), 파이어폭스(Firefox) 설치가 필요한 분들을 위해 Standalone 버전을 다운로드 받을 수 있는 링크를 공유합니다. 크롬(Chrome) https://www.google.com/intl/ko/chrome/?standalone=1 Edge https://www.microsoft.com/en-us/edge/business/download?form=MA13FJ 파이어폭스(Firefox) https://www.mozilla.org/ko/firefox/all/#product-desktop-release

• format_list_bulleted 기술팁
• · 2022. 6. 30.
• textsms