각종 코딩 관련(7)
-
AWS RDS MariaDB에서 Latin으로 설정된 Character/Collation 수정
https://song8420.tistory.com/248 AWS RDS(MariaDB) 해보기 1. 디비 생성 2. 데이터베이스 생성 클릭 후 생성 중 끝날 때까지 기다리면 됨. 3. 파라미터 그룹 클릭 후 파라미터 생성 4. 파라미터 편집 클릭 5. 파라미터 각각 검색해서 설정 타임존 설정 - 아시 song8420.tistory.com AWS RDS에서 MariaDB를 생성하면 파라미터그룹을 따로 적용을 해주어도 default character set과 collation이 latin으로 설정되어 있는듯하다. 위 링크에 들어가서 중간 쯤에 나오는 쿼리로 변경시켜주면 된다. 초간단.
2023.03.30 -
아직도 alert() 쓰니? 이제 예쁘고 사용성도 좋은 toast 띄우자 (react-hot-toast)
https://react-hot-toast.com/ react-hot-toast - The Best React Notifications in Town - react-hot-toast Add beautiful notifications to your React app with react-hot-toast. Lightweight. Smoking hot by default. react-hot-toast.com 웹앱을 개발하다보면 alert()를 통해서 에러메시지 등을 표현하는 경우가 많은데, 사실 alert는 기술적 측면에서나 UX측면에서나 모두 좋지 않다. alert 알림창이 한번 뜨면 꺼질 때까지 코드 진행이 멈춰버리기도 하고, 브라우저의 기본 알림창 형태로 나오기 때문에 웹앱에의 몰입에 심각한 방해를 초래..
2023.01.26 -
[React Native] Swiper 안에서 Array.map()으로 만든 컴포넌트가 한 View(한 페이지) 안에 뭉치는 버그
영어로 검색하실 분들을 위한 영어 제목: React Native - Components made from array by map are put altogether in a single view. tf is the problem here 리액트 네이티브를 공부하면서 끄적끄적 연습용 앱을 개발하고 있는데 난관에 부딪혔다. Swiper를 쓸 일이 있어서 react-native-swiper를 설치하고 아래와 같이 작성했는데 뷰가 이상하게 나오는 것이다. const Component1 =()=>{ const arr = [{id:1,data:"hi"},{id:2,data:"hello"}]; return( {arr.map(e=>)} ); } export default Component1; 이런 코드로 아래와 같은 현..
2022.09.18 -
[express] http 요청을 https로 redirect해주기
app.enable('trust proxy'); app.use((req,res,next)=>{ if(process.env.NODE_ENV === 'production' && !req.secure){ return res.redirect('https://' + req.headers.host + req.url); } else { next(); } })
2022.05.10 -
[Express] Error: listen EADDRINUSE: address already in use :::5000 오류 해결
맥 몬트레이 OS의 문제라고 합니다. preferences -> sharing 가서 airplay 관련 체크박스 해제해주도록 합시다. 쓰지도 않는 에어플레이 주제에 대체 왜 5000번 포트를 쓰는 것인지... https://2dowon.github.io/docs/node/address-already-in-use/ address already in use :::5000 TIL 2dowon.github.io
2022.03.28 -
Emotion에서 스타일에 property 전달하는 법 (조건부 스타일링)
이번에 새로 시작한 프로젝트에서 emotion이라는 스타일링 라이브러리를 써보기 시작했습니다. 일반 css의 클래스 선택자처럼 사용할 수 있어서, 스타일을 적용하는 태그가 무슨 태그인지 알 수 있다는 장점이 있습니다. 물론 styled component처럼 컴포넌트를 만들어서 사용할 수도 있습니다. styled component에서와 같이 경우에 따라서 스타일링의 일부분만 바꾸고 싶을 수 있는데요. 조건부 스타일링은 emotion 스타일을 함수형으로 정의하여 사용하면 가능합니다. const style1 =(fontSize)=>{ return css` font-size:${fontSize}; `; } const Component1 =()=>{ return } 이런 식으로 사용하면 됩니다.
2022.01.13