profile
틀린거 있으면 댓글에 달아주세요, 감사합니다!
post-thumbnail

I Learn || typescript를 지원하지 않는 라이브러리를 사용해야 할 때

자바스크립트로 구현한 프로젝트를 타입스크립트로 마이그레이션 할때 기존에 사용한 react-full-page 라는 라이브러리를 변경하면서 겪은 문제점입니다.react-full-page는 @types/react-full-page 같은 라이브러리가 없습니다.이 라이브러리를

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

I Learn || m1 맥북에서 react native cli 로 react-native 개발환경 구축

개발환경 구축 및 프로젝트 생성 android 에뮬레이터 구축 로제타를 사용하여 열기 m1칩 때문인지 설치 했을 때 에러가 많이 났습니다. 변경한 방법 중 하나가 Rosetta로 터미널을 실행하는 방법 이였습니다. (**로제타가 원인이 아닐 수 있습니다.) 응용

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

I Learn || react native에서 styled-components 사용하기

react native에서는 일반적인 html 태그를 사용하는게 아니라, View, Text, Image, TextInput, ScrollView 등을 이용해서 구조를 짤수 있습니다. ex 스타일은 inline style을 사용해서 작성하거나, StyleSheet 를 사용해서 작성해야 합니다. inline styledms 위의 예시에서 확인할 수 있고,...

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

웹 사이트에 유튜브 소스 코드 추가 시 전체화면

유튜브 동영상을 웹에 추가할 때 전체화면을 하려고 하면 전체 화면을 사용할 수 없습니다 라고 뜨면 아래와 같이 하면 된다유튜브에서 소스 코드 복사 하면 나오는 iframe 요소allowfullscreen 말고,allow 속성에 fullscreen 을 추가ex)

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

[WEB] 쿠키와 세션

쿠키와 세션이 생기게 된 계기는 http 통신 방식의 특성 때문입니다.http 통신 방식은 두가지의 큰 특징이 있습니다.connetionless무연결성 특성으로 http 통신 방식으로 요청을 보낼때마다 연결을 하고, 응답이오면 연결을 끊는 통신 방식입니다. sta

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

[Project] ReactJS + Typescript + TailwindCSS 초기 세팅

yarn create react-app 프로젝트명 --template typescript2\.색깔로 칠해진 필요 없는 파일 삭제3\.불필요한 라인과 index.html에서도 삭제 해야함4.TailwindCSS 프로젝트에 설치yarn add -D tailwindcss@n

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

[javascript] 동기와 비동기

동기와 비동기에 설명하기 앞서서 자바스크립트 엔진은 싱글 스레드로 한번에 한가지 작업만 실행 할 수 있다.코드를 위에서 아래로 순차적으로 실행하게 되는데, 싱글스레드 특성상 한번에 한가지 작업만 실행 할 수 있다.코드가 병렬적(?)으로 실행되는 것으로, 코드를 위에서

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

[javascript] 데이터 타입

데이터 타입 2가지 기본형 타입 (primitive type) number, string, boolean, symbol, null, undefined 참조형 타입 (reference type) object, array, function, date, regexp, m

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

[typescript] project 초기셋팅

1 create-react-app 프로젝트명 --template typescript 2 tsconfig.json 에 아래 내용 복붙 > 3 cd 프로젝트명 4 eslint 설치 npm install -D eslint 5 npx eslint --init To

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

[React]Styled Component

styled component 를 import 해준다사용하고 싶은 컴포넌트를 만든다const 뒤에 사용하고 싶은 컴포넌트명을 넣어준다(첫글자는 대문자로 사용) styled. 뒤에 원하는 element 태그명 작성 백틱사용해서 그 안에 원하는 style 작성원하는 곳에

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

[회고] 마담주 클론코딩

MANNAMCHU2021-08-30 ~ 2021.09.10총 5명Front-End 3명Back-End 2명Front-EndJavascript, React, SassBack-Endphython, Django, MySQLGithubTrelloSlack네브바로그인 상태를 이

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

[React] Hooks

Hooks란 함수 컴포넌트 안에서 State와, 생명주기 기능을 사용 할 수 있게 해주는 함수라고 생각하면 된다. 함수 컴포넌트 안에서 사용되는 것이기 때문에 class 안에서는 동작하지 않는다. class 컴포넌트와 함수형 컴포넌트는 섞어서 사용해도 되기 때문에 hooks를 사용하기 위해서 굳이 이전 class형 컴포넌트를 모두 함수형으로 바꾸지 않아도 ...

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

[WEB]AWS 에 배포 과정

AWS 에 깃 프로젝트 배포 하기 터미널 실행 우분투 서버 열기 ssh -i keyName.pem ubuntu@내 aws 퍼블릭 ip 우분투 서버에 node 설치 (npm 사용하기 위해서) curl -sl https://deb.nodesource.com/set

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

[React]개발 환경 초기 셋팅

개발 환경 초기 셋팅은 자주 경험 해보지 못할 것 같아 정리하였다 초기 셋팅을 잘 해야 하는 이유는 여러명의 팀원이 작업을 한 후 작업물을 합쳤을 때 작업 환경이 다르게 설정되어 있을 경우 레이아웃이 깨지는 것을 방지하기도 하고, 자주 사용하는 코드를 같이 공유하여

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

[React] 자식 컴포넌트에서 부모 컴포넌트 state 바꾸기

React 에서 props 는 읽기 전용의 값이다 그래서 부모 컴포넌트의 state 값을 자식 컴포넌트에 props 값으로 내려주게 되면 자식 컴포넌트에서는 props 값을 변경 할 수 없다 그렇지만 자식 컴포넌트에서 값을 변경 해야 하는 일이 생기는데 이때 사용하는 방법이 함수를 사용하는 방법 이다. ex) value2 값을 value1 로 바꾸고 싶...

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

[React] 라이프사이클

리액트는 라이프사이클 매소드가 있는데 이것은, 특정 시점에 원하는 것을 동작하게 하기 위해서 필요한 매소드 이다. > 라이프사이클에는 크게 5단계로 나눌수 있는데, > constructor render componentDidMount componentDidUpdate componentWillUnmount > 로 구분 할 수 있다. constructor ...

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

[프론트] 로그인 & 회원가입

로그인과 회원가입 로그인과 회원가입을 위해 백엔드와 통신하여 api를 사용하는 방법을 간단히 정리했다 fetch 함수를 이용한 로그인 및 회원가입 방법 클라이언트가 서버에 Request를 보내면 서버에서 인증과 인가의 과정을 거치고, 서버가 클라이언트에게 Response 하는 방식으로 진행이 된다. 프론트에서 백엔드와 통신해서 api를 통한 로그인 및...

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

[react] 구조 분해 할당

구조 분해 할당은 mdn에서는 배열 또는 객체의 속성을 해체하여 그 값을 개별 변수에 담을수 있게 하는 javascript 표현식 이라고 한다 쉽게 예를 들어서 설명하면, 아래의 코드 처럼 간단하게 바꿔 사용할수 있다. > 1방법 이렇게 해서 a에 10을 할당하고, b에 20을 할당 할 수 있지만, 구조 분해 할당을 사용하면 아래와 같이 변경하여, 똑...

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

[WEB]인증과 인가

인증이란? 웹사이트에서 유저가 누구인지 식별 할 수 있도록 하는 식별자를 생성하여 판단하는 것으로, 회원가입과 같은것을 통해서 인증을 할 수 있다 해싱 이때, 비밀번호 같은 경우는 데이터 베이스에 저장시에 개인정보를 암호화하여 복원 할 수 없도록 비밀번호를 관리 해야 한다 이 암호화 하는 것을 해싱이라고 한다 단방향 해시 비밀번호를 암호화 할 때에는 단...

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

[React]props와 state

props는 컴포넌트 사용시에 선언해주며, 부모 컴포넌트에 작성하면 자식 컴포넌트에게 전달되는 값입니다 state는 컴포넌트 내부에서 선언하여 사용하는 값입니다. > props 위의 코드는 ComponentName이라는 컴포넌트의 코드이다. ComponentName는 부모 컴포넌트이고, ChildComponentName은 자식 컴포넌트이다. > 이 부...

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