profile
제 컴퓨터에 초로미가 깔렸어요...
post-thumbnail

[react] forwardRef

key는 리액트에서 HTML 엘리먼트 접근이라는 특수한 용도로 관리되기 때문에 자식 컴포넌트의 props로 전달되지 못한다. ref도 마찬가지다.HTML 엘리먼트가 아닌 React 컴포넌트에서 ref prop을 사용하려면 React에서 제공하는 forwardRef()라

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

[RN] firebase storage를 이용한 로고 적용

스토리지에 파일을 업로드하고 이름을 클릭하면 해당 파일의 url을 얻을 수 있다.쿼리스트링에서 토큰 부분을 제외하고 사용하는 것을 주의하자로그인 화면에서는 로그인 전이기 때문에 토큰 없이 접근이 가능해야하기 때문이다.적용 완료!!!하지만 이러한 에러가 뜬다. 힝.스토리

2023년 3월 30일
·
0개의 댓글
·

추천 알고리즘의 종류

협업 필터링 (CF) 구매 및 소비한 제품에 대한 소비자의 평가 패턴이 비슷한 집단 속에서 서로 접하지 않은 제품을 추천하는 기술 한계: 신규 혹은 휴면 고객 평가 정보 구하기 어려움 해결책: 해당 페이지에 체류 혹은 클릭한 간접 데이터를 데이터화 내용 기반 필터링

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

[react] defaultProps, propTypes

props가 제대로 전달되지 않는 경우 방지첫번째 버튼에는 props가 전달되었지만 두번째 버튼에는 전달되지 않음그럴 때 디폴트 값 미리 정해두기

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

[RN] react-native-navigation 사용해보기

지원하는 내비게이션 종류: 스택(stack), 탭(tab), 드로어(drawer)화면을 관리하는 중간 관리자 역할여러 개의 Screen 컴포넌트를 자식 컴포넌트로 갖고 있다자식 컴포넌트로 존재하는 모든 컴포넌트에 적용된다cf) 개별 화면에만 적용하고 싶으면 screen

2023년 3월 19일
·
0개의 댓글
·

[RN] ⚠️ react native web 버그 해결

기존)수정)기존)수정) Platform.OS === 'web'

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

[RN] 레이아웃 시스템

height, width 사용 ❌✨ 부모에도 flex 적용 필수💡 ScrollView 사용scroll view에 기존 style prop 사용 ❌\-> ✨ Content Container Style(https://reactnative.dev/docs/scro

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

[RN] react native 규칙

\-> 💡 View 사용ex) border 사용 ❌(스타일 컴포넌트화, 자동완성 기능 제공)시계, 배터리, 와이파이 등을 의미한다.\-> react와는 달리 return문 안의 일부 컴포넌트 화면에 표시 ❌(단순히 운영체제와 소통하기 위한 장치)react native

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

[RN] 0. react native 쉽게 사용해보기

React Native에는 앱을 만들기 위한 다양한 것들이 들어있다.이는 js코드를 통해 운영체제와 연결할 수 있게 도와준다.(단순한 브라우저 ❌)여기서 js코드와 스타일링만을 추가하여 앱으로 만드는 것이다.Bridge를 통해서 js코드와 native를 연결시켜준다 (

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

[css] display: flex 사용시 크기 줄어드는 것 방지하기!

모바일 css를 다루다가 화면이 작아지니까 display:flex를 적용한 개체가 양옆으로 줄어드는 문제가 생겼다.이렇게 ...부모 요소에 flex 지정flex-wrap, overflow hidden 등등 별 방법을 다 써도 안 되는 것이 이거 하나로 해결짠~ 모바일이

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

[react + ts] date picker 라이브러리 + styled-component를 이용한 css 적용

installationnpm install react-datepicker언어 한글 설정npm install @types/react-datepicker --save-dev우선 기본적으로 위에 두개 import.기본 언어는 영어로 되어있어서 나는 한국어를 추가했다.이 글을

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

[react] input 실시간 문자 개수

input값을 value라고 하면이 값이 실시간 input의 문자 개수가 된다.이렇게 공백문자와 특수문자 모두 카운트해준다.\+) maxLength 속성을 추가해서 12자 이상 작성하지 못하게 막았다.

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

[ts] Cannot find module '../폴더/사진.png' or its corresponding type declarations.

💡 images.d.ts 파일 생성매번 까먹어서 기록타입스크립트는 정말 곤란 곤란

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

[카카오 소셜로그인] 토큰 받아오기

애플리케이션 추가 후 redirect uri까지 등록한 후 코드 짜기리다이렉트 후 access token, refresh token 받기 성공

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

[Day5] 프로그래머스 JS 코테 연습

(Lv. 0) 특정 문자 제거하기(Lv. 0) 각도기(Lv. 0) 팩토리얼(Lv. 0) 컨트롤 제트js는 진짜 푸는 방법이 천차만별이구나 ....

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

OAuth 구성 요소, 동작 원리

(ex. 내 서비스): 자원 소유자의 보호된 자원에 접근하는 애플리케이션(ex. 내 서비스 사용자): 자원 소유자. 보호된 자원에 접근하는 권한을 제공(ex. 카카오): 요청을 수신하고 권한을 검증하여 결과(자원)을 응답client -> resource servercl

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

[Day4] 프로그래머스 JS 코테 연습

2022/12/26(Lv. 0) 문자열 뒤집기(Lv. 0) 직각삼각형 출력하기(Lv. 0) 짝수 홀수 개수(Lv. 0) 문자 반복 출력하기문자열 my_string이 매개변수로 주어집니다. my_string을 거꾸로 뒤집은 문자열을 return하도록 solution 함수

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

[Day3] 프로그래머스 JS 코테 연습 - 배열

2022/12/25(Lv. 0) 피자 나눠 먹기 (1)(Lv. 0) 피자 나눠 먹기 (2)(Lv. 0) 피자 나눠 먹기 (3)(Lv. 0) 배열의 평균값(Lv. 0) 옷가게 할인 받기(Lv. 0) 아이스 아메리카노(Lv. 0) 나이 출력(Lv. 0) 배열 뒤집기정수 배

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

[Day2] 프로그래머스 JS 코테 연습 - 배열

2022/12/23(Lv. 0) 나머지 구하기(Lv. 0) 중앙값 구하기(Lv. 0) 최빈값 구하기 ✨(Lv. 0) 짝수는 싫어요중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중

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

[Day1] 프로그래머스 JS 코테 연습

2022/12/22(Lv. 0) 두 수의 합(Lv. 0) 두 수의 합(Lv. 0) 두 수의 합(Lv. 0) 몫 구하기정수 num1, num2가 매개변수로 주어질 때, num1을 num2로 나눈 몫을 return 하도록 solution 함수를 완성해주세요.✨ 몫 구하기

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