profile
developer
post-thumbnail

expo를 이용한 react-native 개발환경 설정

xcode를 이용한 ios 애뮬레이터 구동에 어려움이 있어 다른 방법을 찾던 중 exop를 임시적으로 사용해보려한다.Expo는 React Native를 베이스로 ios, 웹 등을 개발하고 쉽게 빌드, 배포할 수 있게 도와주는 프레임워크이다. 자바스크립트가 운영체제와 통

2022년 9월 19일
·
0개의 댓글
·
post-thumbnail

react-native 새 프로젝트 만들기

$ npx react-native init 파일명m1 칩의 경우 iOS 환경 설정에서 오류 발생!일단은 android로 구동할 예정이므로 넘어간다.sdk 버전과 API 버전을 맞춰 애뮬레이터를 생성해 준다.$ yarn androidAndroid Gradle plugin

2022년 9월 15일
·
0개의 댓글
·
post-thumbnail

React Native 개발환경 설정-M1

작업환경 : 맥북 pro M1칩다운로드 주소 : https://nodejs.org/ko/1\. 원하는 버전을 선택해서 다운로드2.-version 명령어를 이용해 버전 확인(node를 설치하면 npm은 자동으로 설치된다.)다운로드 주소 : https&#x3A

2022년 9월 11일
·
0개의 댓글
·
post-thumbnail

radio input check가 두번 눌러야 바뀌는 경우

radio input에서 다른 값을 선택하면 value는 바뀌지만 check가 두번 눌러야 적용되는 문제가 발생했다.input type으로 radio를 적용한 후에 onClick 이벤트를 적용해주고 checked 값을 true로 설정했기 때문에 오류가 발생했다.chec

2022년 8월 18일
·
0개의 댓글
·

this, binding

this는 현재 실행되는 코드의 실행 컨텍스트를 가리킨다.바인딩(Binding)이란 함수 호출과 실제 함수를 연결하는 방법이다. 즉 함수를 호출하는 부분에 함수가 위치한 메모리 번지를 연결시켜 주는 것이다. 자바스크립트에서 함수를 호출 할 때는 암묵적으로 argumen

2022년 7월 1일
·
0개의 댓글
·

Atomic Pattern

Atomic Design Pattern은 바로 "디자인 시스템을 위한 것"이라는 점입니다. 즉 애초에 "재사용 가능한 컴포넌트들의 집합"인 디자인 시스템에서 컴포넌트들을 효율적으로 구성하는 방식을 의미Atomic Pattern은 프론트엔드 시스템을 구성하는 컴포넌트들을

2022년 7월 1일
·
0개의 댓글
·

React-router vs Next-router

Next 프레임워크와 React 프레임워크를 사용하면서 두 가지의 차이점이 무엇인지 궁금했다. 사실, React.js를 많은 스타트업 및 대기업에서 프론트엔드 프레임워크로 사용하고 있는데 Next.js가 React랑 많이 다르면 취업하는데 있어서 다른 개발자들에 비해서

2022년 7월 1일
·
0개의 댓글
·

OOP vs FP

OOP(Object Oriented Programming)은객체지향 프로그래밍을 뜻한다.OOP는 객체지향 프로그래밍이란 프로그램을 단순히 데이터와 처리방법으로 나눈 것이 아니라, 객체(object)라는 기본 단위로 나누고 이들의 상호작용으로 서술하는 방식이다.객체란 하

2022년 7월 1일
·
0개의 댓글
·

null과 undefined 차이

undefined은 변수를 선언하고 값을 할당하지 않은 상태이고, null은 변수를 선언하고 빈 값을 할당한 상태(빈 객체)이다. 즉, undefined는 자료형이 없는 상태이다.=과 ===연산자의 차이 참고 링크https://velog.io/@ryh0629/

2022년 7월 1일
·
0개의 댓글
·

== 과 === 의 차이

== 의 경우 값만을 비교하고, ===의 경우 값은 물론 타입까지 비교한다.위의 예시를 보면 ==과 ===의 차이를 확실히 알 수 있다.a라는 변수에는 number타입의 3이 할당되어있고, b라는 변수에는 string 타입의 3이 할당되어있다. 따라서 값만 비교하는 =

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

Virtual DOM

Virtual DOM 란?Virtual DOM 은 UI의 이상적인 또는 가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화하는 프로그래밍 개념이다. 이 과정을 재조정이라고 한다.이 접근방식이 React의 선언적 API를 가능

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

브라우저 렌더링 과정(Browser’s Rendering Process)

HTML , CSS , JavaScript 등 개발자가 작성한 문서를 브라우저에서 출력하는 과정을 말한다.HTML , CSS 를 다운로드.다운받은 HTML , CSS => Object Model로 만든다.HTML => DOM , CSS => CSSOM3.Layout레이

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

도커(Docker)

도커(Docker)는 리눅스 컨테이너(Linux Container) 기술을 기반으로 하는 오픈 소스 서비스이다.도커(Docker)를 통해 애플리케이션 실행 환경을 코드로 작성할 수 있다.도커(Docker)를 통해 OS를 \*공유, 격리화하여 관리할 수 있다.Docker

2022년 6월 30일
·
0개의 댓글
·

SEO (CSR, SSR, SSG)

렌더링에는 CSR, SSR, SSG 세가지 렌더링 기법이 존재한다. CSR(Client-Side-Rendering) CSR은 클라이언트 브라우저에서 어플리케이션을 렌더링을 진행하는 것을 말한다. 즉 어플리케이션 구동에 필요한 HTML, JS, CSS 파일 등을 모두 다

2022년 6월 30일
·
0개의 댓글
·
post-thumbnail

Domain, DNS, Hosting

Domain Domain의 경우 www.naver.com 과 같은 도메인 이름을 말한다. IP 주소의 얼굴이라고 생각하면 쉽다. 도메인의 경우 가비아와 같은 도메인 등록 기관에서 도메인 이름을 선택하고 이를 IP 주소에 등록할 수 있는 서비스를 제공한다. 도메인을 구매

2022년 6월 30일
·
0개의 댓글
·

Promise all

자바스크립트를 통해 비동기 코드를 처리하는 방법에는 callback, promise, async-await 등이 있다. promise all 사용 예시 const onClickPromise = async () => { const re

2022년 6월 30일
·
0개의 댓글
·

React Currying

React curring을 알아보기 전에 고차함수에 대해 간단히 설명하자면,고차 함수는 함수를 인자로 전달받거나 리턴값으로 함수를 반환하는 함수를 의미한다.커링(Currying) 기법은 인자가 여러개인 함수의 일부 인자를 고정시키는 새로운 함수를 만드는 기법을 의미한다

2022년 6월 30일
·
0개의 댓글
·

ES6

ES6는 6번째 ECMAScript이다.ECMAScrip는 자바스크립트를 표준화 하기 위해 만들어진 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어이다.let과 const전통적으로 자바스크립트는 함수스코프와 전역스코프만을 지원하여 변수

2022년 6월 30일
·
0개의 댓글
·

NoSQL vs SQL

SQL SQL은 관계형 데이터베이스 시스템에서 데이터를 관리하고 처리하기 위해 설계된 언어이다. Mysql, Oracle, Mssql 같은 고전적인 데이터베이스들은 관계형 데이터베이스의 예시이다. >SQL 문법 DDL(데이터 정의 언어) - 각 릴레이션을 정의하기 위

2022년 6월 30일
·
0개의 댓글
·

memoization

memoization 컴포넌트를 메모 - react memo 변수를 메모 - useMemo 3.함수를 메모 - useCallback 변경된 값이 넘어오면 memo가 걸려있어도 렌더링 된다. 메모이제이션 한 함수 안에 state값이 있으면 state값 까지 memo되

2022년 6월 30일
·
0개의 댓글
·