Programing Language
-
Flutter) Flutter 3.0 설치하기!!Programing Language/Flutter(Dart) 2022. 7. 12. 22:02
초기 1.0 이하 버전의 Flutter는 정말 문제가 많았다곤 하는데 지금은 그래도 SDK가 1.7 버전이 넘은걸 보니 왠만큼 해결 했으리라 생각되었습니다. 저는 안드로이드 스튜디오와 XCode가 너무 지겨워서 이번엔 VS Code로 해보겠습니다!! 크로스 플랫폼 개발이라 그런지 설정할게 많으니 잘 따라와 주세요~!~! 0. Flutter는? 모든 블로그 마다 같은 말을 반복하는게 싫어서.. 제가 처음에 접한 잘 정리된 게시글을 공유해 드립니다. [번역] Flutter는 왜 혁명적인가? - Dan Kim - Medium 이 글은 What’s Revolutionary about Flutter를 번역한 글입니다. 조금 더 쉽게 읽히는 글을 위해 약간의 의역이 섞여 있습니다. medium.com 요약 하자면,..
-
React) 브라우저의 변하는 width, height를 Hook으로 전달받기Programing Language/React.js 2022. 6. 23. 14:18
import {useEffect, useState} from "react"; interface WindowSize { width: number height: number } const useWindowSizeCustom = (): WindowSize => { // Initialize state with undefined width/height so server and client renders match // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/ const [windowSize, setWindowSize] = useState({ width : 0, height: 0, }); useEffect(() => { //..
-
MongoDB) mongodb Cloud에서 Databses Dump 하기Programing Language/Mongodb 2022. 6. 20. 17:41
협업 하는 과정에서 기존에 존재하는 mongodb cloud (https://cloud.mongodb.com/)에 Database를 Dump할 일이 생겼다. Databases를 Dump하는 과정은 다음과 같다. 빨간색 형광색이 아이디와 비밀번호를 넣는 곳이다. 이부분이 헷갈릴수 있는 부분인데 기존의 default 계정의 비밀번호를 모를시에는 Database Access에 접근하여 계정을 하나더 추가해준다. 그러면 auth 인증 에러가 발생하지 않고 바로 dump/... 에 파일이 생긴다. 도움되셨다면 개발자에게 커피한잔을 위해 광고 버튼 한번 클릭해주세요~
-
Javascript) mysql의 datetime 데이터 new Date()에 넣기Programing Language/JavaScripｔ 2022. 6. 15. 14:32
const dateTimeTransFer = (date : string) => { return date.split('T')[0] } const date = dateTimeTransFer().split('2022-06-01T07:26:04') // 서버에서 DATETIME 데이터 받아오면 다음과 같이 입려된다. const setDate = new Date(Number(date[0]), Number(date[1]) - 1, Number(date[2])); // Month의 경우 string 값에서 -1을 해줘한다. 예) 06일 경우 -1을하여 05로 해야 6월로 인식
-
React) Swiper 사용하기Programing Language/React.js 2022. 5. 27. 16:20
package.json --- "swiper": "^6.8.4", Main.tsx import { Swiper, SwiperSlide } from 'swiper/react'; import SwiperCore, { Navigation, Pagination } from "swiper"; import "swiper/swiper.scss"; import "swiper/components/navigation/navigation.scss"; import "swiper/components/pagination/pagination.scss"; SwiperCore.use([Navigation, Pagination]) export default function Main() { return( Slide 1 Slide 2 Sl..
-
Javscript) S3 url을 File로 변환하기Programing Language/JavaScripｔ 2022. 5. 24. 15:07
- 구동방식은 서버로부터 받은 s3 url을 클라이언트가 저장하고 있다가 File로 변환하고 싶을때 클라이언트는 s3 url을 서버로 전송하고 서버는 받은 s3 url을 s3-aws를 이용하여 buffer로 변환하여 클라이언트에게 다시 전달한다. 그이후 클라이언트는 buffer를 blob -> file로 변환한다. - 클라이언트 코드 const s3imageUrlToFile = async () => { try{ let config = { headers: { Accept: '*/*', 'Content-Type': 'application/json;charset=utf-8', 'Cache-Control': 'no-cache', 'Access-Control-Allow-Origin': '*' } } let url..