'개발/📝 TIL' 카테고리의 글 목록 (3 Page)

2023.11.08· 개발/📝 TIL

오늘 한 일 💻 플러터 프로젝트 리액트로 전환 작업 한참 작업중이긴한데, 동료가 더 디테일한 작업을 하기 전에 스케치하듯이 하는 작업이라서 어설프기(?!)짝이 없다는 생각이 든다. 리덕스 툴킷을 한번도 써본적이 없는데 이번 기회에 써보게 되서 눈이 핑글핑글, 동료가 작성해둔 코드를 공부하듯이 분석하면서 코드작업을 했다. 🌱 leetCode 풀기 1일 1잔디 잘 모르는게 확실하다. mediume 문제를 풀었는데 질문자체가 너무 장황한데, 간단하게 인덱스를 찾으면 되는 문제였다. 문제가 장황해서 이해가 힘들었고, 인덱스를 찾는거라서 자바스크립 메소드를 써서 풀었는데, 딱 1줄로 끝나서 내 자신을 의심함. 이거 맞나? 이게 미디엄문제라고??? 라며 결국엔 다른 사람들의 문제풀이를 봤다. 여전히 장황 그자체....

231107 Tue - TWID (Today What I did)

2023.11.08· 개발/📝 TIL

오늘 한 일 💻 플러터 프로젝트를 리액트로 전환하는 작업 #1 모달 팝업창 만들기 기획서없이 이미 배포되어있는 프로젝트를 일일히 들어가서 확인해보면서 필요한 부분을 작성했다. styledComponents와 customhook을 사용해서 작성했는데, 늘 생각하는거지만 컴포넌트를 분리해서 재활용해서 쓰는 건 정말 즐거운 일인 듯 하다. 공부 : leetCode 코테 풀이 💪🏻 운동 : 어깨 - 등 - 유산소 📖 누구나 자료구조와 알고리즘 짧은 리뷰 styledComponents와 customhook을 아주 맛깔(?!)나게 쓴 선임덕분에 '오-😳 코드를 이렇게도 짤 수 있네!?' 라는 생각을 했다. 맨날 보던 반복되던 템플릿용 코드가 아니라 새로 짜야하는 코드들이라서 오랜만에 진짜 날것을 하는 기분을 느꼈다..

2023 10월) 주니어 개발자의 회고록

2023.11.03· 개발/📝 TIL

📝 What I Learned 격동의 10월이었을까..? 올 한 해도 2달밖에 안 남았다고 하니 갑자기 심장이 둑흔둑흔한다. 불안해서 말이다. 💻 Work 기존에 구현 중이던 프로젝트는 더 이상 신규 기능을 추가하지 않기로 했다. 새로운 프로젝트들이 물밀듯이 들어오면서 갑자기 기존에 해던 곳들이 올스탑된 느낌이다. 그동안 미루던 품질 보완 작업을 진행하다 여유되는 백엔드개발자가 없어서 주로 UI적인 부분, 사용자의 사용성을 고려하는 작업들이 주를 이루었다. 그리고도 참여하게 된 새로운 프로젝트. 원래 플러터로 구현했던거를 리액트 변환 작업을 하고 있다. 일단 메모리 사용에서 확연하게 느껴지는 플러터와 리액트의 성능차이. 플러터의 매력은 안드로이드, ios, 웹까지 동시에 개발할 수 있다는 점인데, 앱은 ..

2023 9월) 주니어 개발자의 회고록

2023.10.06· 개발/📝 TIL

📝 What I Learned 회고를 써야 하는 걸까?라고 고심하게 한 한 달... 업무는 그렇다치고 개인공부를 진짜 한 개도 못 했기 때문...ㅎ.... 💻 Work 애자일방법론을 따라서 업무를 진행하는데, 최근에 PO가 새로 들어오면서 기존의 칸반 형식에서 '스크럼반' 라는 형식을 취해서 업무를 진행 중에 있다. 커다란 업무 방법론이 중점적인 것이지 그것을 진행하는 방식에 있어서 '칸반' '스크럼반'이 중요한가에 대해서는 그다지 신경을 쓰지 않았었는데 어쩌면 중요할지도. 개발팀이 아닌 팀들과 함께 쓰다 보니 '배포'의 시기라던가, 'QA' 완료의 시점은 무엇이며 'QA'는 무엇에 기반을 두고 하는 것인가부터 계속 예민한 게 대응할 수밖에 없는 일들이 생겨났다. 기분이 태도가 되지 않게 하자 기획에도 ..

2023 8월) 주니어 개발자의 회고록

2023.09.03· 개발/📝 TIL

📝 What I Learned 정신없이 흘러간 것 같은 8월. 개인적인 공부보다는 업무, 팀 플레이에 많이 치중한 한 한 달이었다. 💻 Work 🛡️ 창과 방패의 싸움(?!) 새로운 제품 개발에 들어가게 되면서 거듭되는 회의. 기획 회의에 따른 개발팀과의 미팅들이 이어졌다. 마치 이것은 창과 방패의 싸움. 싸움이라고 표현하기는 힘들지만 과장해 보자면 그렇다는 것. 요구사항들이 즐비하고, 프런트엔드와 백엔드가 가만히 듣고 있는데... 왜 이렇게 '비효율적'인 것들이 눈에 쏙쏙 들어오는 건가. 물론 비효율적인게 틀리다고는 생각하지 않는다. 그들은 '비즈니스'적인 부분에 집중하며 기획했고, 다만 그 방식들을 조금 더 효율적이게 바꿔 사용할 수 있을 것 같은데 왜 이렇게?라는 생각이 들게 할 뿐. 보통은 프론트..

2023 7월) 주니어 개발자의 회고록

2023.07.31· 개발/📝 TIL

📝 What I learned 어느 것 하나에 집중하지 못 하고 이룬것 없는 한달을 보낸 것 같다. 휴가철이라서 마음이 붕~뜬다는 핑계를 대면 괜찮을까? 능력풀을 넓히고 싶다는 욕심에 '영어'에 욕심을 냈고, 그 생각과 이어지는 포인트로 포트폴리오를 겸할 '영어'만 사용할 github pages를 만들었다. 이것저것 손을 댔지만 정작 영어로 올린 컨텐츠는 아직 2개 밖에 없다. 망설임 없는 행동력은 좋았으나 아쉬운 꾸준함. 💻 Work 🌱 드디어 다시 팀이 만들어져가고 있는 것 같다. 개발팀을 비롯해서 다른 팀에도 새로운 인재가 들어왔고 모두들 조금씩 적응해가면서 운영을 정상화해가는 중이다. 나 역시 백엔드 개발자들과의 티키타카를 맞춰야하는 상황인데, 이전 개발자분들과는 또 다른 개발스타일에 왜 이렇게 ..

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

2022.07.11· 개발/📝 TIL

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

[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에게 발..

[220410] TIL

2022.04.10· 개발/📝 TIL

👩‍💻 Today I Learned 📚 ◾ 정처기 시험이 코앞! 정처기 시험이 코앞이다!!! =_ = 플러터 공부하고 이력서 넣고 정신없이 이것저것했더니 어느새 코앞이다!!! 드디어 묵혀두던 책을 오픈했다!!! 오늘 1과목 독파!!!!!!!!!!! 면접준비하면서 봤던 네트워크 , 운영체제 관련 이야기들을 다시 책에서 보니 눈이 핑글도는 느낌... 일주일동안 간단한 요점들을 빠르게 훑으면서 공부하는게 목표다! 다음주는 기출문제로 바바바바박! 공부! ◾ 내일 - 플러터 과제 시작 - 정처기 2과목 독파! - 면접공부

[220330] TIL - Update

2022.03.31· 개발/📝 TIL

👩‍💻 Today I Learned 📚 ◾ Web portfolio update 전에 취업 준비하면서 만들어둔 web portfolio를 다시 꺼내 들었다. HTML, CSS, Javascript로 만들었던 나의 첫 번째 웹 포트폴리오. 이때 영어 버전도 함께 만들었었는데, 한국어 페이지를 따로 만들고 영어 페이지를 따로 만들었었다. 이때는 이 방식이 최선이라고 날 가르쳐주신 분이 그러셨음..... 하지만 그게 아님!!!!! i18next 라이브러리를 쓰면 되는데!! 그러면 훨씬 간결하게 만들 수 있는데, 포트폴리오를 새롭게 업데이트하려고 준비하면서 이 부분까지 깔끔하게!! 다시 코드를 정리했다. 하다 보니 뭔가 수정해야 할 것들이 점점 쌓여서 내일까지 계속해야 할 듯하지만 오랜만에 신이 난다 ~~ 코드..

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

개발/📝 TIL

티스토리툴바

개인정보

단축키

내 블로그

블로그 게시글

모든 영역