본문 바로가기

분류 전체보기183

[React] Prefer default export import/prefer-default-export React Project 진행 중 위 에러가 발생했습니다. import ProfilePage from "./ProfilePage"; // import AchievementPage from "./AchievementPage"; export {ProfilePage}; 이 코드를 아래와 같이 수정한 결과 오류를 해결할 수 있었습니다. import ProfilePage from "./ProfilePage"; import AchievementPage from "./AchievementPage"; export {ProfilePage, AchievementPage}; 파일에서 export를 하는 것이 하나인 경우 단순 export가 아닌 export default를 사용하는 것이 권장된다고 합니다. 출처: https.. 2021. 6. 18.
[React Native] TextInput의 기본 패딩 없애기 React Native에서 TextInput을 사용해보시면 기본적으로 패딩값이 적용되어 있다는 것을 아실 겁니다. photoCaption:{ backgroundColor:'#F9F9F9', color:'#3C3C3E', fontSize:13, paddingLeft:8, marginTop:8, fontFamily:'NotoSans-DemiLight', lineHeight:23, height:30 }, 이것은 제가 작업하던 소스 코드의 일부인데요, 이 style을 TextInput에 적용하였더니 아래와 같은 결과가 나왔습니다. 보시면 TextInput에 height를 적용한 상황인데, 글자가 잘리시는 것을 볼 수 있습니다. TextInput에 디폴트로 패딩 값이 들어있어서 그런 건데, padding값을 없애.. 2021. 6. 17.
[알고리즘] 백트래킹(Backtracking) 1. 백트래킹이란? 백트래킹은 답을 찾다가 이 길이 아니다 싶으면 다시 돌아와서 다른 길을 탐색하는 알고리즘입니다. 백트래킹은 모든 경우의 수를 살펴보는 데에 기본을 두는데, 가능성이 없는 경우의 수는 배제하고 살펴보는 것이 특징입니다. 2. N Queen 문제 https://www.acmicpc.net/problem/9663 9663번: N-Queen N-Queen 문제는 크기가 N × N인 체스판 위에 퀸 N개를 서로 공격할 수 없게 놓는 문제이다. N이 주어졌을 때, 퀸을 놓는 방법의 수를 구하는 프로그램을 작성하시오. www.acmicpc.net 백트래킹 문제 중 가장 유명하다는 N-Queen 문제를 예시로 풀어보겠습니다. 문제는 위에 링크를 걸어놓은 백준 사이트를 참고해주시면 될 것 같습니다. .. 2021. 6. 17.
[React] useEffect cleanup 함수의 참조 문제 얼마 전 React Native를 이용해 작업을 하다가 useEffect에서 cleanup함수를 사용할 때 cleanup함수의 값이 제가 원하는 값을 참조하지 않는 문제가 있었습니다. 오늘은 이 문제를 살펴볼 예정이고, React로 정리를 해보았습니다. 먼저 아래 코드를 보시죠. import logo from './logo.svg'; import './App.css'; import { useEffect, useState } from 'react'; function App() { const [page, setPage]=useState(0); return( { page===0? setPage(param)} /> : setPage(param)} /> } ) } const StartPage=({ setPage,.. 2021. 6. 17.

티스토리툴바