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

[220328] TIL

2022.03.28· 개발/📝 TIL

👩‍💻 Today I Learned 📚 ◾ 정처기 등록 필기를 등록했다. 아니..변명아닌 변명을 해보자면...이번년도 1회차에 접수를 하려고했는데, 자격요건이 뭐가 너무 많은거다 ㅠㅠ 그 요건 중에 해당 안되는게 너무 많아서 난 당연히 자격이 안된다고 생각해서 등록을 안 했는데, .... 부트캠프를 하면서 친구들과 이야기해보니 그런게 아니였다. 그냥 4년제 나왔으면 된다고 ... 다들 왜 그걸 안 했냐고... 2회때가 오길 기다렸고, 오늘 가입해서 해보니 자격요건이 되더만....ㅠㅠㅠㅠㅠㅠㅠ 나 진짜 ..뭐했니.... ◾ 멘탈챙겨 오늘 첨으로 명상이라는 걸 해봤다. 가만히 앉아서 눈을 감고 호흡을 하며 머릿속을 정리해봤다. 내가 놓친 것들이 뭐가 있을까 부족한것들이 뭐가 있었던걸까? ...

[React] React-Query 란?

2022.03.28· 개발/React

React-Query React app에서 비동기 로직을 쉽게 다루게 해주는 data fetching 라이브러리입니다. "전역 상테"를 건드리지 않고도 React 및 React-Native 앱에서 서버의 값을 클라이언트에 가져오고 캐시하고 업데이트할 수 있습니다. 이것을 사용하면 서버 상태의 까다로운 문제와 장애물을 극복하고 앱 데이터가 사용자를 제어하기 시작하기 전에 앱 데이터를 제어할 수 있습니다. 사용하는 이유 서버로 부터 값을 가져오거나 업데이트를 하는 로직을 store 내부에 개발하는 경우가 많습니다. 그러다보면 store는 클라이언트 state를 유지해야하는데, 어느 순간부터 서버 데이터와 클라이언트 데이터가 공존하게 됩니다.(redux가 그러함..) 이런 부분을 분리해서 사용하기 위해서 씁니..

[자바스크립트] 지나간 시간 구하는 방법.. (** 분 전, ** 초 전)

2022.03.24· 개발/JavaScript

필요에 의해서 구글링을 엄청해서 찾아낸 자바스크립트 타임 맵! ㅎㅎ 365일을 초로 환산해서 계산하는 방법이다. export const mapTime = timestamp => { const seconds = Math.floor((new Date() - timestamp * 1000) / 1000); // 환산된 초를 365일을 초로 환산한 것으로 나눈다~ let interval = Math.floor(seconds / 31536000); if (interval > 1) { return `${interval} years`; } interval = Math.floor(seconds / 2592000); if (interval > 1) { return `${interval} months`; } interva..

[React] React Custom Hooks

2022.03.23· 개발/React

* 면접에서 받았던 질문인데, 답은 고사하고 질문 자체를 이해 못 할 정도였으니, 알지 못했던 개념이였습니다. 😥 Custom Hooks 두 개의 자바스크립트 함수에서 같은 로직을 공유하고자 할 때는 또 다른 함수로 분리합니다. 컴포넌트와 Hook 또한 함수이기 때문에 같은 방법을 사용할 수 있습니다 - 이상 공식 자료에 나온 설명인데, 아직 이해하기에는 부족한 설명 같습니다. 반복되는 훅 활용 메소드들을 하나로 줄여줌으로써 더 간결하고 보기 좋은 코드를 만들 수 있는 것이 바로 custom hooks입니다 이름은 use로 시작하는 자바스크립트 함수입니다. custom hook은 다른 hook을 호출 할 수 있습니다 custom hook은 조건부 함수가 아니어야 합니다 역시 코드를 보면 이해하기 좋을 거..

[React] useEffect 와 useLayoutEffect 의 차이점

2022.03.22· 개발/React

useEffect render 렌더(render)가 화면에 그려지는(paint) 후 비동기적으로 실행 paint 된 후에 실행되기 때문에 내부에 DOM에 영향을 주는 코드가 있을 경우 사용자 입장에서는 화면의 깜빡임을 보게 된다 사용하는 경우 일부 상태를 즉시 발생할 필요가 없을 경우 페이지에 시각적으로 영향을 주지 않는 무언가를 동기화 할 경우 이벤트 핸들러를 설정하는 경우 모달상자가 나타나거나 사라질 때 일부 상태를 재설정하는 경우 useLayoutEffect render 렌더링 후 화면이 업데이트 되기 전에 동기적으로 실행 paint가 되기 전에 실행되기 때문에 DOM을 조작하는 코드가 존재하더라도 사용자는 깜빡임을 경험하지 않는다 사용하는 경우 상태가 업데이트 될 때 요소가 깜박이는 경우 DOM을..

[220322] TIL

2022.03.22· 개발/📝 TIL

👩‍💻 Today I Learned 📚 ◾ 면접 보고 온 내용들을 특히 답을 제대로 하지 못한 부분은 정리해서 추후에 올릴 예정이다. 호달달달달 떨리는 다리, 후덜덜덜 심장박동, 기술면접 💨 , 아무 말 대잔치였던 것 같은 컬쳐핏 면접 모르는 건 아는척 말고, 망하더라도 자신감 넘치는 모습을 보여주고 오자고 생각하며 들어갔는데, 오만한 모습만 보이지 않았나 싶다. 컬쳐핏 질문에는 내가 무슨 대답을 한거지?라는 생각이 들 정도로.. 다 끝나고 나오면서 허공에 발길질을 수십 번 ㅎ...면접이 20분 지나고 40분 지나고 혼이 점점 날아간 듯한 느낌..... (실감나는 나의 모습을 담기 위해 짤 소환) 나의 헛발질과 달리 면접을 진행해주셨던 개발자분들과 인사담당자분은 - '나'라는 사람에 대해서 그리고 내가 ..

[220319] TIL - Flutter vs React Native

2022.03.20· 개발/📝 TIL

👩‍💻 Today I Learned 📚 ◾ Flutter vs React Native 사이드 프로젝트를 위해서 React Native와 TypeScript를 갑작스럽게 배우기 시작했었는데, 프로젝트 회의를 거듭하다가 프론트 스택 변경에 대한 이야기가 나왔다. 함께 하는 팀원 중에 Flutter를 배울 일이 생겨서 접했는데 React Native 보다 더 괜찮을지도 모른다는 의견이 나왔다. 개인적으로 TypeScript를 배우고 싶은 마음이 커었기에 몇 번 듣긴 했지만 잘 모르는 Flutter에 대해서 급하게 알아봤다. 크로스 플랫폼 모바일 앱을 구축하고 싶다면 단연 떠오르는 선택지 두개가 바로 Flutter랑 React Native다 React Native의 생태환경이 더 크고 대중적였지만 요즘은 심심치..

[프로그래머스] 위장 - 자바스크립트

2022.03.18· 개발/💬 코딩테스트

✅문제 스파이들은 매일 다른 옷을 조합하여 입어 자신을 위장합니다. 예를 들어 스파이가 가진 옷이 아래와 같고 오늘 스파이가 동그란 안경, 긴 코트, 파란색 티셔츠를 입었다면 다음날은 청바지를 추가로 입거나 동그란 안경 대신 검정 선글라스를 착용하거나 해야 합니다. 종류이름 얼굴 동그란 안경, 검정 선글라스 상의 파란색 티셔츠 하의 청바지 겉옷 긴 코트 스파이가 가진 의상들이 담긴 2차원 배열 clothes가 주어질 때 서로 다른 옷의 조합의 수를 return 하도록 solution 함수를 작성해주세요. 제한사항 clothes의 각 행은 [의상의 이름, 의상의 종류]로 이루어져 있습니다. 스파이가 가진 의상의 수는 1개 이상 30개 이하입니다. 같은 이름을 가진 의상은 존재하지 않습니다. clothes의..

[220317] TIL

2022.03.17· 개발/📝 TIL

👩‍💻 Today I Learned 📚 ◾ 코테공부 이젠 노트가 없으면 이해도 쉽지 않은 것 같다. ㅎ... 노트에 그려가면서 문제를 푸는데도 쉽지 않다는 생각이 들었다. 뭔가 알 것 같으면서도 알쏭달쏭한 코딩 테스트. 그래도 막연히 두려워하는 것보단 격파하는 편이 훨 났다는 생각을 하며 풀었다. ◾ 노션 이력서 수정 c#을 가르쳐서 일을 시키겠다는 회사를 만났다. 자바스크립트를 자바로 보신건가? 다시 노션을 켰고 이력서를 오픈했다. 이력서는 고치고 또 고치는 것이죠 😇 화이팅 화이팅! 최선을 다해서 돌리는 행복회로 😁

[프로그래머스] 124나라의 숫자 - 자바스크립트

2022.03.17· 개발/💬 코딩테스트

✅문제 124 나라가 있습니다. 124 나라에서는 10진법이 아닌 다음과 같은 자신들만의 규칙으로 수를 표현합니다. 124 나라에는 자연수만 존재합니다. 124 나라에는 모든 수를 표현할 때 1, 2, 4만 사용합니다. 예를 들어서 124 나라에서 사용하는 숫자는 다음과 같이 변환됩니다. 10진법124 나라10진법124 나라 1 1 6 14 2 2 7 21 3 4 8 22 4 11 9 24 5 12 10 41 자연수 n이 매개변수로 주어질 때, n을 124 나라에서 사용하는 숫자로 바꾼 값을 return 하도록 solution 함수를 완성해 주세요. 제한사항 n은 500,000,000이하의 자연수 입니다. ✅입출력 예 1 1 2 2 3 4 4 11 ✅의식의 흐름 결과를 보면 1,2,4가 반복이 된다. 그..

[프로그래머스] 짝지어 제거하기 – 자바스크립

2022.03.16· 개발/💬 코딩테스트

✅문제 짝지어 제거하기는, 알파벳 소문자로 이루어진 문자열을 가지고 시작합니다. 먼저 문자열에서 같은 알파벳이 2개 붙어 있는 짝을 찾습니다. 그다음, 그 둘을 제거한 뒤, 앞뒤로 문자열을 이어 붙입니다. 이 과정을 반복해서 문자열을 모두 제거한다면 짝지어 제거하기가 종료됩니다. 문자열 S가 주어졌을 때, 짝지어 제거하기를 성공적으로 수행할 수 있는지 반환하는 함수를 완성해 주세요. 성공적으로 수행할 수 있으면 1을, 아닐 경우 0을 리턴해주면 됩니다. 예를 들어, 문자열 S = baabaa 라면 b aa baa → bb aa → aa → 의 순서로 문자열을 모두 제거할 수 있으므로 1을 반환합니다.제한사항 문자열의 길이 : 1,000,000이하의 자연수 문자열은 모두 소문자로 이루어져 있습니다. ✅입출..

[220316] TIL - 드디어 API 설계 완료!

2022.03.16· 개발/📝 TIL

👩‍💻 Today I Learned 📚 ◾ API 설계 회의 마지막 api설계 회의를 마쳤다. 같은 채팅방이여도 그룹채팅방과 1:1 채팅방에 대한 내용도 달라지고 유저를 신고하는 기능도 넣으면서 회의는 길어지고 생각해야할 것들도 많았다. 단순히 신고 기능만을 넣는다고 끝이 아니라 기준을 정하고 이후에 어떻게 유저를 처리할 것인가에 대한 이야기들을 하면서 결국은 인력을 더하게 되었지만. 앞으로 발전시켜나가면 되지 않겠냐며 회의를 마무리했다. ◾ React-Query React Query를 쓰는 법을 배웠다. 코드를 적으면서 머릿속으로 아~ 하며 이해를 했지만 개념적인 부분을 다시 정리해야할 필요가 있을 것 같다. 데이터 fetch를 여러번 받아오는 상황에서 매번 페이지를 넘나들 때마다 데이터를 새로 받았는..

티스토리툴바