'분류 전체보기' 카테고리의 글 목록 (11 Page)

2022.10.10· 개발/Flutter

현재 만들고 있는 프로젝트에서 page4에 있는 버튼을 토글하는 부분이 있는데, 이 부분을 controller에서 관리를 해주고 statelessWidget에서 쓰기 때문에 dispose를 사용해서 죽일수가 없는 상황이였다. 해결책 1. 버튼을 초기화하는 함수를 만들어서 라우팅할 때마다 그 함수도 같이 실행시켜주기 개인적으로 생각해봐도 안 좋은 코드이고(ㅋㅋㅋㅋㅋ) 회사 플러터 개발자에게도 물어보니 추천하고 싶지 않은 방법이라고 했다. 해당 함수는 controller 파일에 만들어서 클릭 동작이 일어날 때마다 넣어주는 방식이다. 2. onClose() 를 사용해서 페이지를 떠나면 자동으로 메모리 삭제시키기 이 방법이 제일 합리적인 방법인것 같다. 이렇게 함수를 넣어서 사용해줘도 되고 안그래도 된다. 문제..

Fetch API - 이미지 fetching하기

2022.09.28· 개발/JavaScript

웹 개발시에 API를 호출하기 위해서 제일 먼저 떠오르는 것이 request, axios, jQuery 같은 라이브러리이다. 하지만 이제 브라우저가 fetch() 함수를 지원하기 때문에 이러한 라이브러리를 사용해서 자바스크립트 번들(bundle)파일의 크기를 늘리는 낭비를 하지 않아도 된다. 물론 나는 주로 reactJs, nextJs 로 작업하기 때문에 axios를 써서 호출한다. 그러다 이번에 이미지 url에서 파일을 추출하기 위해서 fetch 함수를 써서 response를 받아올 일이 있었다. 방법을 찾아서 알아보다가 fetch함수를 이렇게 쓸 수 있다는 것도 알게 되었다. 겸사겸사- fetch에 대해 알아보고 공부하려고 한다. 📢 Fetch 를 알자! fetch() 함수는 네트워크 요청하고 응답을..

[React/리액트] Error: App(...): Nothing was returned from render 에러 해결 방법

2022.09.19· 개발/❌ 오류 노트

📢 Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. ✅ 오랜만에 만난 정말 간단한 에러! 최근에 만난 에러들은 기본 2시간 잡았던것 같았는데, 이 에러는 정말 간단하게 찾아냈다. 괄호가 어딘가에서 미씽되었던것!! 그래서 return 의 자리에 return 이 제대로 들어가지 않아서 생긴 에러이다! 어딘가에서 return 을 제대로 해주지 못 할 때 나타나는 에러이니, 찬찬히 코드를 살피다보면 바로 해결 할 수 있다!

http Content-Type : application/x-www-form-urlencoded

2022.09.19· 개발/JavaScript

npm install qs Content-Type 이란? api 연동 시에 자원을 보낼 때, 그 자원의 명시하기 위해서 사용합니다. body에 들어갈 내용을 header에서 명시해주는 것입니다. 이 중에서는 여러 가지 타입으로 나뉘는데, Text타입으로는 text/css, text/javascript, text/html, text/plain 등 file을 실어보내기 위해서는 multipart/form-data가 있고 Application 타입으로는 application/json, application/x-www-urlencoded가 있습니다. REST API를 쓰면서 데이터를 받아 올 때 주로 application/json, 데이터를 보낼 때, multipart/form-data를 사용했었습니다 이번에 ..

[Git] hotfix / 핫픽스란?

2022.09.16· 개발/Etc...

📢 프로덕션 운영 배포를 위해서 스테이지에 먼저 배포를 하고 그 스테이지 배포를 위한 브랜치 develop에 모든 작업들을 우선적으로 merge 했었는데, 다른 프로젝트로 인해서 master와 develop의 버전 차이가 있어서 급하게 master에서 hotfix 브랜치를 따서 작업을 진행해야 했다. 이미 배포되어있는 버전에서 급한 문제나 버그가 생기면 해결하기 위해서 쓰는 전략을 이야기하는 것이 hotfix입니다. 주로 브랜치로만 작업을 해왔기에 무엇인지 정확하게 인지하기 위해서 조사를 했다. 시니어 : '핫픽스 따서 진행해주세요~' me : ?????????????? Hotfix는 짧은 호흡의 브랜치로 develop에서 따는게 아니라 master에서 따서 만들어지고 합쳐진다. 그리고 develop에도..

[플러터] Listview 에 생기는 공백

2022.08.15· 개발/Flutter

[문제발생] 아아아아아아아니 왜 도대체 flutter에 listview 를 쓰면 이상한 공백이 생기는 것인가! 리스트를 화면 위로 올리면 제일 처음에 올라오는 리스트 위로 마치 margin을 준 것처럼 여백이 생겨나 있다. [해결책] padding: const EdgeInsets.symmetric( horizontal: 20, vertical: 12), listview를 써서 데이터를 map으로 돌려서 화면에 올려 줄 때 요 코드를 넣어주면 해결된다. horizontal, vertical 수치를 변화해서 넣어주면 되는데, 이것도 잘 써야한다. 뭔가 ... 무조건 0으로 넣어도 이상하다. 뭔가 이게 완전한 해결책이 아닌 것 같아 답답~~하다. ✔ 참고자료 https://velog.io/@tygerhwang..

2022년 상반기 회고록 - 주니어 개발자가 되다

2022.07.16· 개발/Etc...

벌써 7월의 반이 지나갔다. 거창한 것은 없지만 이제야 상반기 회고를 시작해보려고 한다. 주니어 개발자가 되다 작년부터 염원해오던 일이 이루어졌다. 다른 사람들 취업 후기에서나 보던 골라서 취업하던 상황이... 나에게도 비슷하게 일어났다!! 😲 더 좋은 조건에 회사를 포기하고 지금 회사를 선택했는데, 지금 회사가 훨씬 비전이 있어 보였고 현재 함께하고 있는 내 나이 또래의 동료들이 좋았다. 물론 정말 내 나이 또래는 다 5년 차 이상의 경력자들이다. ㅎㅎㅎ..... (나이가 뭣이중한디!!!) 더 높은 연봉을 제시했던 곳은 팀원들이 다 나가서 다시 셋업 중인 곳이라서 빠르게 무언가를 배워나가기에는 무리가 있을 것 같다는 생각이 들어서 현재의 회사에 남았다. 연봉은.... 앞으로 계속 오를 테니... (....

[220711] javascript - sleep() 지연 함수 쓰기!

2022.07.11· 개발/📝 TIL

리액트를 쓰다 보면 컴포넌트 간에 데이터를 전달할 일이 많다. 이때 받아오는 데이터보다 브라우저 화면이 먼저 처리될 때가 있다. 분명히 처음엔 화면에 잘 나오는데 새로고침만 하면 화면에 제대로 출력이 안 되는 것이 아닌가. 분명히 데이터는 가지고 있는데 말이다. 이럴 때, code의 실행을 살짝 지연시켜주면 해결된다! 이미 존재하는 데이터를 전달받아서 가져오는 것과 화면이 출력되는 것 두 가지의 실행이 싱크가 맞지 않아서 이런 현상이 나타나는 것이다. 😁 sleep함수는 입력한 시간만큼 code의 실행을 멈춰주는 기능이다. 자바스크립트 내에는 따로 sleep 함수가 존재하지는 않지만 필요하다면 delay 모듈을 사용해서 쓸 수 있다. delay모듈도 안된다? 그러면 setTimeout을 이용해서 만들 수..

[flutter/플러터] 버튼으로 Checkbox 토글하기

2022.07.10· 개발/Flutter

Demo 편집하기 버튼을 누르면 리스트 앞에 체크박스가 나타나면서 따로 선택할 수 있게 레이아웃을 구현해야한다. 레이아웃 구성 '편집하기' 와 '삭제하기' 버튼을 boolean 값으로 구분해서 만들기 Listview로 checkbox와 text를 한 줄로 넣어서 만들어준다 boolean값으로 checkbox가 나올때와 안 나올 때를 구분한다 반복되서 들어갈 checkboxmodal widget을 만들어줍니다 Listview 안에 들어갈 checkboxmodal을 만들어줍니다. title과 time은 필수라서 required를 붙여줍니다. class CheckBoxModal { String title; bool value; String time; String purpose; CheckBoxModal( {r..

[220702] TIL - aixos. get 쿼리로 쏘다!

2022.07.03· 개발/📝 TIL

React를 사용해서 서버와 통신을 하기 위해서는 Axios 혹은 Fetch와 같은 HTTP 클라이언트를 사용합니다 Fetch API는 네트워크 요청을 위해 fetch()라는 메서드를 제공합니다. 모던 브라우저에서 내장되어있어서 따로 설치할 필요 없이 바로 사용할 수 있습니다. 반면 Axios의 경우에는 npm이나 yarn을 이용해서 설치를 해야합니다. 둘 다 promise 기반이라서 이행 혹은 거부할 수 있는 promise를 반환합니다. Axios vs Fetch 문법 //Axios axios.get( url, { 옵션 }, {} ) or axios(url, { method: 'get', headers: { "Content-Type: "application/json" }, data: {}, }) //f..

[220701] TIL - git! 너란 녀석!! (원격 저장소에 잘못 push한 파일들 지우기)

2022.07.03· 개발/📝 TIL

▪ Git은 알고 보면 참 편하고, 다재다능한 녀석! 그렇다! 알고 보면 참 다재다능한 기능을 가진 편리한 아이다! 하지만 한번 꼬이기 시작하면 답이 없다 머리가 점점 아파오는 일들이 발생한다! 한번 발생한 오류를 풀고 나면 다시는 안 만날 것 같지만 웬걸, 깃헙은 또 만난다 😁 **실제로 쓰는 용어를 그대로 적기 위해서 중간중간 영어단어로 재연합니다ㅋ** 새로 시작할 프로젝트 폴더를 셋팅하기 위해서 기존에 있던 프로젝트는 'A' 원격 저장소(Remote 저장소, 또는 깃헙 레파지토리)에서 clone해서 안 쓰는 폴더를 속아치기하고 라이브러리, 패키지 등을 셋팅했다. 자! 이제 새로운 프로젝트의 기록들을 쌓아갈 'B' 원격 저장소를 생성했다. 이제 속아치기한 파일들을 'B' 원격 저장소에 push 하면 ..

[220627] TIL - AccessToken, RefreshToken 발급 / FormData 파라미터 타입

2022.06.27· 개발/📝 TIL

▪ AccessToken , RefreshToken 원리 AccessToken , RefreshToken은 로그인, 회원 가입 인증을 구현하면서 여러 차례 쓴 적이 있지만 제대로 메모해 둔 적은 없는 것 같다. 나는 단순히 accessToken을 받은 이후에 만료가 되면 RefreshToken을 다시 발급 받는 것이라고 생각했지만 그것이 아니였다!! 😐 accessToken과 refreshToken의 큰 차이점은 유효기간에서 볼 수 있는데, accessToken 이 2-3시간 정도라면 refreshToken은 2주, 한 달까지도 유효기간을 설정할 수가 있다. user가 로그인을 요청하면 server에서 DB로 회원을 확인하고 server에서 accessToken과 refreshToken을 user에게 발..

티스토리툴바