React Native - App Icon

React Native에서 App 아이콘과 Splash 이미지를 쉽게 만들려면 generator-rn-toolboxreact-native-make사용하면 편리함1024x1024 px 사이즈의 png 파일이 필요아래 링크에서 이미지를 원하는 디바이스에 맞게 추출 가능ht

2022년 4월 3일
·
0개의 댓글

React Native 개발환경 구축 (Mac)

mac에서 개발 환경을 설정하는 법Expo CLI 와 React Native CLI처음 시작은 Expo로 시작하면 편할 수 있지만, 사용하지 않은 네이티브 모듈로 인해 앱 파일 사이즈가 커지는 문제와 Expo에서 제공하지 않은 네이티브 모듈을 추가할 때, 불편함이 있음

2022년 4월 3일
·
0개의 댓글
post-thumbnail

HTTPS란?

HTTP는 간단히말해 HTML을 주고 받기 위한 프로토콜이라면 HTTPS는 기존 HTTP에 SSL 인증서를 더해 보안이 강화되면 HTTP 프로토콜이다. **SSL은 인터넷 암호화 통신 프로토콜 https HTTPS는 HTTP에 데이터 암호화가 추가된 프로토콜 H

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

Redux-Persist

Redux로 저장되어 있던 state들은 앱을 종료하거나 브라우저를 새로 고침하면 모두 reset된다.그래서 Redux-Persist이라는 리덕스 라이브러리를 이용해서 상태값들을 Local이나 Session Storage에 저장해서 새로고침해도 state 저장 상태를

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

formik&yup

formik&yup란?

2022년 2월 5일
·
0개의 댓글

React-Redux

1) Redux를 React에 바인딩 해보기 (react-redux) 1-1) React에서 Redux를 사용하는 이유 1) 전역 상태 관리 여러 컴포넌트에 걸쳐 있는 변화 / 멀리 떨어진 컴포넌트 간의 통신이 어려우니까 멀리 떨어진 컴포넌트끼리 상태값을

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

동기인가 비동기인가?

ℹ️ 동기식 처리는 요청에 대한 응답을 기다린 후, 응답이 오면 다음 요청을 하는 방식ℹ️ 비동식 처리는 요청에 대한 응답을 기다리지 않고, 다음 동작을 실행하는 방식동시에 여러 일을 수해알 수 있지만, 일정 시간당 요청량이 많이질 경우, 부하가 발생할 수 있으며, 이

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

자바스크립트의 this란??

다른 대부분의 객체지향 언어에서 this는 클래스로 생성한 인스턴스 객체를 의미한다.하지만 자바스크립트에서 this는 어디서든 사용할 수 있다.함수와 객체의 구분이 느슨한 자바스크립트에서 this는 실질적으로 이 둘을 구분하는 거의 유일한 기능이다.자바스크립트에서 th

2021년 12월 19일
·
0개의 댓글
post-thumbnail

실행 컨텍스트란?

자바스크립트 실행 컨텍스트

2021년 12월 19일
·
0개의 댓글
post-thumbnail

JS - 데이터 타입

다른 대부분의 객체지향 언어에서 this는 클래스로 생성한 인스턴스 객체를 의미한다

2021년 12월 19일
·
0개의 댓글
post-thumbnail

JS - Scope

Scope를 우리말로 번역하면 ‘범위’라는 뜻을 가지고 있습니다. 즉, 스코프(Scope)란 ‘변수에 접근할 수 있는 범위’라고 할 수 있다. > 💡 자바스크립트에 스코프는 global(전역)과 local(지역)이 존재한다. Global Scope은 전역에 선언되

2021년 12월 8일
·
0개의 댓글
post-thumbnail

DOM 이란?

(Document Object Model) DOM이란? 문서 객체 모델 DOM은 웹페이지에 대한 프로그래밍 인터페이스이다. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있게 연결시켜주는 역활을 담당한다. 여기서 헷갈리면 안되

2021년 12월 8일
·
0개의 댓글
post-thumbnail

전역 상태 관리 Redux

리액트에 리덕스 적용하기 중간 정리할겸 실습하면서 내가 느낀 리덕스 정리~ redux는 기본적으로 하나의 Store 멀티 Reducer의 형태를 갖는다. 즉, store는 하나 그 하나에 여려개의 Reducer가 있다. 실습으로 해본 형태는 큰 형태의 state

2021년 12월 6일
·
0개의 댓글

2차 클론 프로젝트 : ) 회고록

KREAM <<< 클론 Project Review 🌈 팀 명 슈크림(SHOEKREAM) &nbsp&nbsp 🚴 작업 기간 21.10.18(월) ~ 21.10.29(금) 👩‍👩‍👧‍👦 인원 Front-End:4명 Back-End:3명 🚀 기술 스택

2021년 10월 31일
·
0개의 댓글

React : ) 토글 기능 만들기 02

앞에서 했던 토글 기능은 데이터가 얼마 없었을때 초기값을 설정해서 토글되도록 했던 방식이다.토글해야할 값들이 이렇게 많을 경우 초기값을 만들기에는 적절하지 않음;;초기값이 많을 경우 토글기능을 하는법에 대해 정리해봄우선 변하지 않을 값이기 때문에 상수데이터 만들기 이런

2021년 10월 31일
·
0개의 댓글
post-thumbnail

React : ) 토글 기능 만들기 01

리액트로 모달창 토글 기능 만들기 ![](https://images.velog.io/images/dltjsgho/post/f995cbb1-2009-4c8a-b996-875b2ac82738/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%

2021년 10월 31일
·
0개의 댓글

Git : ) 브랜치 명령어

브랜치 정보 확인 $ git branch # 로컬 브랜치 보기 $ git branch -v # 로컬 branch의 정보를 마지막 커밋 내역 보기 $ git branch -r # 리모트 저장소의 branch 정보를 보기 $ git brach -a

2021년 10월 31일
·
0개의 댓글

Git : ) rebase

rebase는 merge와 달리 머지 커밋을 남기지 않는다.그렇게 때문에 더 깰끔한 코드를 만들 수 있다.rebase : 말 그대로 (re-base)로 베이스를 재배치한다는 뜻merge : 머지는 히스토리를 볼 때 뿌리가 여러개로 나눠져 있어서 히스토리를 찾아갈 때 보

2021년 10월 20일
·
0개의 댓글
post-thumbnail

AWS(Amazon Web Service)

AWS는 Amazon Web Service의 줄임말 AWS는 소위 클라우드 서비스, 클라우드 컴퓨팅라고도 한다. 전세계 1등 2019년기준 글로벌 47% 점유백만명 이상의 유저가 실시간으로 사용할 수 있다 즉, 규모도 크고 안정성도 보장!!클라우드 컴퓨팅은 IT 리소스

2021년 10월 19일
·
0개의 댓글

westagram Clone Review(Main)

컴포넌트 사용법 익히기 컴포넌트 사용법과 mock data를 이용해사 map을 여러개의 공통된 컴포넌트를 사용하는법 공부Mock data를 이용해서 feed안에 아이템들을 map을 이용해서 구현했다.Mock data에 있는 값들을 아이템 컴포넌트로 받아온다.처음에 co

2021년 10월 19일
·
0개의 댓글