profile
생각하는대로 살지 않으면, 사는대로 생각하게 된다.
post-thumbnail

[Git] Github 협업하기

오늘은 깃허브로 간단하게 협업하는 방법에 대해 전반적으로 알아보겠습니다.제일 먼저 협업할 저장소의 프로젝트를 Fork 해옵니다. (여기서 Fork란 다른 저장소에 있는 프로젝트를 내 저장소로 복사한다)라는 뜻입니다.fork로 가져온 저장소를 내 컴퓨터의 로컬에 clon

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

[React] Form Data 전송

회원가입을 할때, 또는 어떤 페이지에서 파일(이미지), 제목, 내용을 DB에 저장하는 페이지가 있다고 가정했을때, 파일을 http 통신으로 전송 하려면 formData 객체를 이용하여 보내야 한다.formData 객체는 XMLHttpRequest 전송을 위하여 설계된

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

React native ios http 통신 허용하기

./ios/프로젝트명/info.plist 또는 xcode의 프로젝트 폴더의 info.plist 에 다음을 추가해준다.

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

react-native android,ios 네이버 지도 API 연동

react-native-nmaps설명이 중간중간 애매하게 되어있는 부분들을 수정한다.npm install react-native-nmap --save;안드로이드 설정 /android/build.gradle 파일에 아래와 같이 레포지터리를 추가한다./android/app

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

프로세스와 스레드

개발자로 일하면서 코딩을 잘하는것도 중요하지만 CS 관련 지식을 얻는 부분도 중요하고, 기술 면접 단골 질문중에 하나인 프로세스(Process)와 스레드(Process) 그리고 자바스크립트의 동작원리까지 정리하고자 한다. 프로세스의 정의 > 프로세스(process)

2021년 10월 16일
·
1개의 댓글
post-thumbnail

Git | git 커밋 컨벤션 설정하기

개발자로 시작한지 얼마 안되고 나서, 첫 직장은 지금도 다니고 있는 모든것을 처음부터 새로 시작하는 스타트업이다.프론트엔드는 작성자 혼자 뿐이었고, 아무것도 모르는 주니어 개발자가 하나부터 열까지 모든 것을 체계를 잡고 스스로 커나가야 하는 환경이다.그러기에 나중에 후

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

React | ContextAPI 이렇게 써보자

어느날 구글링을 하다가 어떠한 글을 보았다.Context API는 왜 안쓰나요?ContextAPI를 쓰는 글쓴이에게 굉장히 관심이 가는 글이었고, 내용을 결론은 소규모 프로젝트에서는 ContextAPI가 좋지만 성능 때문에 추천하지는 않다이다.물론 저 글을 쓰신 분은

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

React 렌더링 성능 최적화하는 7가지 방법 (Hooks 기준)

오늘은 그동안 React를 공부하고 알아왔던, class기반이 아닌 hooks 기반의 성능 최적화에 대한 방법들을 포스팅 하고자 한다.먼저 컴포넌트의 리렌더링 되는 조건은 아래와 같다.부모에서 전달받은 props가 변경될때부모 컴포넌트가 리렌더링 될 때자신의 state

2021년 10월 9일
·
1개의 댓글

메모리 누수(Memory Leak)와 대처법

앞 전 포스팅에서 가비지와,가비지 컬렉터, 가비지 컬렉션에 대해 알아보았고, 마지막에 가비지 컬렉션 작동 방식에 대해 설명하던 중, 알고리즘 한계점의 발견, 즉 메모리 누수(Memory Leak)에 대해 잠깐 언급하였다. 오늘은 메모리 누수는 왜 발생이 되는 것이고,

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

가비지 컬렉션과 동작 방식

자바스크립트를 공부하는 사람들이라면 누구나 한번 그 이상은 들어봤을만한 단어이고, 대기업 뿐만 아니라 각종 회사 면접 질문에서 단골손님으로 등장하는 가비지컬렉터에 대해 정리 해보기로 한다.영어 단어에서 Garbage는 곧 쓰레기를 의미하는데 자바스크립트에서 쓰레기란 무

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

pakage.json의 dependencies 와 devDependencies 간단한 차이

라이브러리를 설치할때 두가지 방법이 있다. npm install 과 npm install -D(npm install --save-dev)의 차이를 알아보자.외부 라이브러리를 설치하면 프로젝트 폴더안에 pakage.json npm 설정 파일이 생기는데 여기에depende

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

CRA React+Typescript+ Eslint(airbnb)+Prettier 초기설정

React와 Typescript 그리고 Eslist까지 접목해서 초기설정하는 부분들은 자료마다 다들 달라서, 한 3일동안 애를 먹었다.부디 지금 정리하는 자료들이 나처럼 삽질하는 사람들에게 큰 보탬이 됐으면 하는 바람이다.create-react-app typescrip

2021년 9월 22일
·
0개의 댓글
post-thumbnail

HTTP multipart/form-data 란?

프로젝트를 진행하면서 프론트 -> 백엔드로 이미지를 전송하는 경우가 있었다.오늘은 HTTP, multipart, multipart/form-data 세 가지 키워드에 대해 알아보고, 그 중에서 중요한 개념중에 하나인 multipart/form-data에 대해서 좀 더

2021년 9월 11일
·
0개의 댓글

styled component globalStyle 초기 세팅

global 초기세팅

2021년 7월 27일
·
0개의 댓글

반응형 작업전 root font size 설정하기

root font-size 설정font-size를 10px이 아닌 %로 설정한 이유는?브라우저의 기본 폰트 사이즈는 16px이라고 계속 말했지만, 그건 어디까지나 사용자가 건들지 않았을 경우이다.작은 글씨가 불편한 사용자는 웹 브라우저 설정에서 '폰트 기본 사이즈: 크

2021년 7월 27일
·
0개의 댓글

반응형에서 font-size 정하는법

clamp로 font-size 대처하기

2021년 7월 27일
·
0개의 댓글

useContext,useReducer로 로그인 구현하기

# 작업 전 폴더 구조 * AppRoute - 인증된 사용자만 액세스 할 수 있게 만드는 구성요소 (로그인 안되어있으면 Redirecte됨) * action.js - 우리가 필요로 하는 다양한 context 객체와 로직을 구성하는 hooks를 초기화 하는 곳 * r

2021년 7월 13일
·
1개의 댓글

React | 프로젝트 절대경로 설정하기(Part.2)

이전에는 React Native+Typescript 절대경로 설정법에 대해 알아보았다.오늘은 React에서 쓰이는 절대경로 설정법에 대해 간단하게 정리하고자 한다.package.json을 수정한다.리액트(Creact React App)에서는 웹팩과 바벨 설정을 기본적으

2021년 3월 21일
·
0개의 댓글

문자 인코딩 초간단 개념 정리(UTF-8,UTF-16,아스키,유니코드 등)

한번쯤 웹사이트를 돌아다니면서 꿻뷁헬 이런 단어들을 보았을 것이다. 그렇다면 이런 단어들은 왜 나타나는 것일까?잘은 모르겠지만 인코딩 문제라는데.. UTF8,UTF16,아스키코드,EUCKR은 무엇이며 "아 이렇게 하니 해결이 되네?" 하고 넘어갔던 부분들을 명쾌하게 풀

2021년 2월 22일
·
0개의 댓글
post-thumbnail

React | Aws Cognito로 구글 로그인 API 연동하기

aws cognito로 구글 로그인을 붙여보기 전 간단한 개념 설명 먼저 하고, 붙이는 방법을 설명하고자 한다.AWS Cognito SiteGoogle Cloud Platform SiteAmazon Cognito는 웹 및 모바일 앱에 대한 인증, 권한 부여 및 사용자

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