profile
개린이
post-thumbnail

React-Native | 간단한 컴포넌트 정리

1. ImgaeBackground > 웹 css의 object랑 같은 개념! 이미지를 화면크기에 맞게 꽉차게 보여줄지, 반복해서 보여줄지 등 설정하는 것! > ImageBackground컴포넌트는 style={}도 적용할 수 있고, imageStyle={}도 적용할

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

React-Native | FlatList

https://reactnative.dev/docs/flatlist_ > ### `와 `의 차이점 둘다 'react-native'에서 기본적으로 제공되는 기능들이다. 데이터가 화면 밖을 벗어났을 때 스크롤 기능이 작동되는 기능들이지만 차이점이 있다. ``는 모든

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

알고리즘 문제

문제설명사분면은 한 평면을 x축과 y축을 기준으로 나눈 네 부분입니다. 사분면은 아래와 같이 1부터 4까지 번호를매깁니다.x 좌표와 y 좌표가 모두 양수이면 제1사분면에 속합니다.x 좌표가 음수, y 좌표가 양수이면 제2사분면에 속합니다.x 좌표와 y 좌표가 모두 음수

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

React-Native | ScrollView

화면에 1~10까지 적은 후 11을 입력했지만 11을 볼 수 없었다. 왜냐하면 스크롤 기능이 들어가 있지 않기 때문이다. react-native에서는 scroll기능을 추가해줘야 한다.<View>를 비록한 컨테이너 요소에 스크롤이 가능한 속성을 제공한다.<S

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

알고리즘 문제

문제 | 중앙값 구하기 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 [1, 2, 7, 10, 11]의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solut

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

알고리즘 문제

문자열 my_str과 n이 매개변수로 주어질 때, my_str을 길이 n씩 잘라서 저장한 배열을 return하도록 solution 함수를 완성해주세요.제한사항1 ≤ my_str의 길이 ≤ 1001 ≤ n ≤ my_str의 길이my_str은 알파벳 소문자, 대문자, 숫자

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

faker라이브러리란?

출처: https://www.npmjs.com/package/@faker-js/fakernpm i @faker-js/faker가짜 데이터를 만들어주는 라이브러리이다.하드코딩으로 하면 시간도, 코드 길이도 길어지기 때문에 간편하게 사용이 가능하다.faker라이브

2022년 12월 27일
·
0개의 댓글
·
post-thumbnail

target, currentTarget 차이 | 이벤트 버블링, 이벤트 캡쳐링

같이 스터디 하시는 분의 도움이 아니였다면ㅠㅠ 이 차이를 모르고 무지한 존재로 살았을 것이다ㅠㅠ 정말 감사함둥🥺 내가 선택한 태그 그 자체!만 선택이 된다. div1 위에 div2가 있고, div2위에 div3있는 상황이다.event.target은 부모로부터 이벤트가

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

react-hook-form | formState

react-hook-form과 yup으로 작성했다.input창에 값이 올바르게 다 들어오면 버튼 배경색을 테마색으로 채워주고 싶었다.state와 onChange함수로 했을 때는 값이 들어와 있는지 없는지 알 수 있었는데,react-hook-form으로 적었을 때는 값이

2022년 12월 13일
·
0개의 댓글
·
post-thumbnail

어쩌다 마주친 에러 모습

board의 댓글list를 DetailPresenter에 넣고 스타일을 이것저것 바꾸려고 하는데터미널에서 undefined 뜨면서 적용이 안 된다.(사실 한번에 해결한 게 아니라 이곳저곳에서 하나하나씩 고치다 보니 해결이 됐다.)경로나 파일명 바꿀 때 바로바로 업데이트

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

어쩌다 마주친 에러 모습

🛠 수정 전🛠 수정 후local3000을 열어보니 데이터가 1도 없어졌음..이게 뭐지,, 하다가 건들인 부분을 하나하나 고쳐가며 수정하고 있었는데credentials부분에 뒤에 처음에는 's'가 붙는 줄 알고 넣었던 부분이 잘못 되었던 것,,credentials는

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

fetchPolicy

여러 컴포넌트가 있고, 각 컴포넌트들이 공유할 수 있는 global state가 있다고 가정해보자.만약 Apollo-client로 global state를 만들게 된다면 Apollo-Cache라는 곳에 state값이 저장된다.예를들어2번 컴포넌트에서 UseQuery를

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

Error 객체

출처: 모던 자바스크립트 Deep Dive

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

정규표현식/ Saga/Effects

물론 다 그런 건 아니지만 만약 500에러가 뜨면 변수명이나 key값이 동일한지, 올바른 key값을 적었는지 확인하기. 500에러 뜰리가 없는데 떠서 '왜지..'했는데 props로 불러오는 key값을 잘못 적었다ㅎㅎ (엣큥-!) //g // : 뒤에 g가 붙으면 문

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

css 선택자 | :nth-child()

같이 스터디하는 분이 물어보셨던 건데 div에 nth-child()를 사용해서 각각 다른 색상을 채워야 했다.하면 될 거라고 생각했다.하.지.만예상으로는 color\_\_container-colors 안에 4개의 color\_\_container-color가 각각 순서

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

async/await , 호이스팅 찍먹

비동기 실행 방식에서 동기 실행 방식으로 변경해주기 위해서 async/await이 필요한 것이다.둘 다 동기 통신을 위해서 사용한다.만익 await가 없다면 updateBoard가 비동기 처리를 하는동안 기다려주지 않고 바로 다음 줄로 넘어가기 때문에 DB에 저장되기

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

useState작성시 오류 | [object,Object]

만약 더미데이터를 만든다고 한다면 변수 안의 key이름을 처음에는 대문자로 할 건지, 소문자로 할 건지 서버 계발자분들과 이야기해서 맞춰야 한다.input창에 글자를 입력하는 순간\[object, Object]로 바뀌었다..!이런 경우 어디선가 문자열이 배열로 바뀌고

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

콜백 함수(Callback)

'Call' : 부르다, 호출(실행)하다. 'back' : 뒤돌아오다, 되돌다 되돌아 호출해달라 라는 뜻! 어떤 함수X를 호출하면서 '특정 조건일 때, 함수Y를 실행해서 알려달라'이 요철을 받은 함수X는 해당 조건이 갖춰졌는지 여부를 판단 한 후 함수Y를 직접 호출한다

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

Redux의 action

주문서 같은 개념이다.만약 true 값을 false값으로 바꾼다던지, user.name을 '철수'에서 '길동'으로 바꿀 때 변경할 내용을 적는 곳이다.로그인을 했을 때 state값을 true 하고, 로그아웃을 했을 때 false로 값이 변경되는 동작을 만들어 보자.주문

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

Redux Dev Tools 사용법

chrome에서 redux dev tools를 설치해도 안 나오는 경우가 있었다.그럴 때에는설치해주고임폴트를 하고그럼 처음에는 안 나오는 창이 나오게 된다!!구글링 해보니 여러 방법들이 나와있지만 이 방법이 제일 간단한 것 같다!출처 : https://seun

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