profile
자라나라 나무나무
post-thumbnail

yarn으로 react-typescript설치부터 git 연결 까지

이번에 새로운 프로젝트를 시작하게 되면서 버전 관리를 npm이 아닌 yarn으로 관리해 보고싶다는 의견이 나왔고 모두 동의를 하였다.언어는 타입스크립트로 하기로 하였다.yarn create react-app "폴더명" --template typescript(""빼고 쓰

2일 전
·
0개의 댓글
·

[TIL] CORS

CORS > CORS(Cross-Origin Resource Sharing)는 출처가 다른 자원들을 공유한다는 뜻으로, 한 출처에 있는 자원에서 다른 출처에 있는 자원에 접근하도록 하는 개념 권한을 부여받기 위한 cross-origin 요청은 서버에서 허가를 받아야 하

2023년 2월 27일
·
0개의 댓글
·

[TIL]Local Storage vs Session Storage vs Cookies

Web Storage 와 Cookies 비교 쿠키는 매번 서버로 전송된다. 웹 사이트에서 쿠키를 설정하면 이후 모든 웹 요청은 쿠키정보를 포함하여 서버로 전송된다. Web Storage는 저장된 데이터가 클라이언트에 존재할 뿐 서버로 전송은 이루어지지 않는다. 이는

2023년 2월 26일
·
0개의 댓글
·
post-thumbnail

[styled-components] children render 오류

GlobalStyle.jsx를 css전체로 적용하고 싶은데 이런 오류가 발생했다.GlobalStyle.jsx가 children에 render가 되지 않는다!index.js에서 app.js를 제외하고는 다른 컴포넌트들을 <Oulet/>을 이용해서 children으로

2023년 1월 25일
·
0개의 댓글
·

[React] 정규식으로 로그인 유효성 검사하기

로그인 페이지를 할 때 조금 더 세밀한 유효성 검사를 하기위해 정규식을 이용한 유효성 검사를 하기로 하였다. 정규식을 사용하려면 정규식 메서드를 꼭 사용해야 한다. > - exec() : 문자열에서 일치하는 부분을 찾음. 일치한 문자열 및 기억한 모든 부분 문자열을

2023년 1월 24일
·
0개의 댓글
·
post-thumbnail

[회고록] Le-Chou project 회고🗣️

오설록 클론 프로젝트 프로젝트 리뷰 팀원분의 이야기로 인해서 시작되었다. 평소 채식에 관심이 있어서 여러 채식 사이트를 둘러보았지만 UI가 너무 예전 방식 이었고 영양소나 칼로리 등 원하는 세부적인 정보를 얻지 못했다는 이야기를 하였고 클론 코딩이었지만 아이템은 바꿀

2023년 1월 22일
·
0개의 댓글
·

[React] input의 value 가져오기

useState를 이용하여 input의 value를 가져오기 첫번째 아이디 input값의 value 두번째 비밀번호 input값의 value를 가지고 올 것이다. 아이디와 비밀번호의 처음은 빈 값이기 때문에 useState안에 ''비었다는 표시를 해준다. 첫번째는

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

[React] Props

Props 컴포넌트의 속성값 => 부모 컴포넌트로 부터 전달받은 데이터를 지니고 있는 객체 전달하고자 하는 어떤 값이든 자식 컴포넌트에 전달가능 => 문자, 숫자, 변수, 함수 등 Props 사용법 Parent.js Child.js 부모 컴포넌트에서 pet이라

2022년 12월 22일
·
1개의 댓글
·
post-thumbnail

[React]State

State 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값 => 해당 컴포넌트가 UI에 보여줄 정보를 결정할 때 사용할 수 있는 상태값 컴포넌틑 내에서 정의하고 사용하며 얼마든지 변경할 수 있다. Main.js 호출을 하게 되면 반환값으로 두 가지 값이 담긴

2022년 12월 22일
·
0개의 댓글
·

[React] Hook

클래스 컴포넌트에서만 사용할 수 있었던 상태 관리와 라이프 사이클 관리 기능을 함수 컴포넌트에서도 사용할 수 있도록 연동해주는 함수를 의미한다.함수 컴포넌트에서만 사용이 가능하다.hook의 이름은 반드시 use-로 시작한다.내장 hook이 존재한다. ex) useSta

2022년 12월 22일
·
0개의 댓글
·

[Javascript] forEach - 반복문

반복문 처럼 각각의 배열을 순회하면서 값을 리턴한다.이때, 괄호 안에는 callback함수가 들어간다.

2022년 11월 29일
·
0개의 댓글
·

[Javascript]Array.from - 얕은 복사

유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만든다.mdn : https://developer.mozilla.org/ko/docs/Web/JavaScript/Refer

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

[Javascript] 중첩배열을 하나의 배열로 만들기

Array.prototype.flat()flat() 메서드는 모든 하위 배열 요소를 지정한 깊이까지 재귀적으로 이어붙인 새로운 배열을 생성한다.중첩된 배열 안에 또 배열이 있는 것 까지는 안된다. const newArr = arr.flat(depth)

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

[Javascript] Array 생성 방법

일반적으로 배열은 동일한 메모리 크기를 가진다.하지만! 자바스크립트의 배열은 연속적으로 이어져 있고 오브젝트와 유사하다.자바스크리브의 배열은 일반적인 배열의 동작을 흉내낸 특수한 객체이다.이걸 보완하기 위해 타입이 정해져 있는 타입배열이 있다.생성자 안에 숫자를 넣어

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

[Algorism] 각도기

나의 코드 참고할 풀이

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

[Algorism] 두 수의 합

나의 코드

2022년 11월 17일
·
0개의 댓글
·

[Algorism] 나이 출력

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

[Algorism] 두 수의 차

나의 코드

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

[Algorism] 두 수의 곱

나의 풀이

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

[Algorism] 몫 구하기

주어진 숫자와 같거나 작은 정수 중에서 가장 큰 수를 반환문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환parseInt(string)parseInt(string, radix)문자열이 아닐 경우 ToString 추상 연산을 사용해 문

2022년 11월 16일
·
0개의 댓글
·