Toss slash23 TrackA: Frontend, DevOps, CoreBanking 14:00 ~ ✔️ Frontend 주제 1: Admin Paas(Platform as a Service) DSL(Domain Specific Language) Server-driven UI 장단점 주제 2: 쏟아지는 페이지들 우아하게 관리하기 Funnel 코드 개선 - 리팩토링, 설계 관점 응집도, 추상화, 시각화 페이지 흐름과 상태를 모으기 = 응집도 개선 한 흐름으로 관리하는 UI를 컴포넌트 하나에 넣고 상태에 따라 조건부 렌더링 퍼널 흐름 관련 코드를 재사용가능한 라이브러리로 추상화 반복되는 조건문, 상태 관리 커스텀 훅 useFunnel 등 디테일한 기능 구현과 비지니스 로직 분리 DX 개선? 개발자 도구..
✔️ 배열의 함수들, 고차함수(Higher-Order Function, HOF): 함수가 무엇을 반환하는지 유의 ✔️ 브라우저 렌더링 과정: URI (URL + URN), Http 1.1 -> Http 2.0, - Tokenizing? 단순한 문자열인 자바스크립트 소스코드를 어휘분석lexical analysis하여 문법적 의미를 갖는 코드의 최소 단위인 토큰들로 분해한다. type과 value 객체들이 element인 배열 Token 토큰이란 문법적인 의미를 가지며 문법적으로 더는 나눌 수 없는 코드의 기본 요소 - parsing? 토큰들의 집합을 구문분석syntactic analysis 하여 AST를 생성한다. - Abstract Syntax Tree (AST)? 추상적 구문 트리. 토큰에 문법적 의미..
https://school.programmers.co.kr/learn/courses/30/lessons/12921 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 에라토스테네스의 체 에라토스테네스의 체는 '특정 범위 내의 소수'를 판정하는 데에만 효율적이다. 만약 주어진 수 하나가 소수인가? 만을 따지는 상황이라면 이는 소수판정법이라 해서 에라토스테네스의 체 따위와는 비교도 안되게 빠른방법이 넘쳐난다. 한편, 에라토스테네스의 체를 이용해 1~n까지의 소수를 알고 싶다면, n까지 모든 수의 배수를 다 나눠 볼 필요는 없다. 만약 n보다 작은 어떤 수 m이 m..
select 태그 없이 dropDown 구현 function 안 함수들 const navigate = useNavigate(); const menu = ['전략배분 (정적자산배분)', '듀얼모멘텀', 'VAA', 'DAA']; const [selectedMenu, setSelectedMenu] = useState('전략배분 (정적자산배분)'); const [activeDropdown, setActiveDropdown] = useState(false); const onClickOption = useCallback(() => { setActiveDropdown((prev) => !prev); }, []); const onClickSelect = useCallback( (item) => { setSelecte..
코딩테스트 과제 면접 몰아치는 나날들... 지금까지 면접들 코테와 과제를 비공개로 블로그 글만 적어놓거나 음성 녹음만 해놓았다. 모르거나 부족한 부분들을 회고하고 갈무리하는 게 더 중요한데 요즘 심란하기만 하다. 내 일인데 내가 안하면 누가 할까...과제도 저녁에서야 시작한다. 항해가 끝났을 때만 해도 의욕 넘치고 자신만만했는데 불합격이 늘어갈 수록 자신감이 사라지고 있다. 감정은 내려놓고 해야할 일을 하자! 언제나 정면돌파가 가장 빠른 해결책이다. brew update 하고 yarn 재설치 brew update --auto-update brew reinstall yarn yarn --version 확인 yarn --version yarn berry 적용 yarn set version berry yarn..
[TIL] Typescript 세팅 + Chart.js, React 로 리포트 만들기
리액트와 타스로 리포트 만들기 시작! 타스 처음 써본다!! 새로운 프로젝트 생성 npx create-react-app "이름" —template typescript npm i --save react react-dom typescript npm i --save-dev @types/react @types/react-dom @types/node 나는 여기서 원격 리포지토리와 연결함 git remote add origin https://github.com/123456soobin-choi/adCampaign.git git branch -M main git push -u origin main npm start로 빌드하고 시작해도 tsconfig.json이 생기지 않았다. npx tsc --init 이렇게 하면 ts..
[TIL] 230301 React Native로 달력 만들기
react native로 달력 만들기 https://velog.io/@colagom/React-Native%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%B4-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-%EC%97%86%EC%9D%B4-calendar-%EB%A7%8C%EB%93%A4%EA%B8%B0Level2 React Native를 이용해 라이브러리 없이 calendar 만들기(Level2) 기능1. 캘린더에 현재 연,월을 출력하고 이 전 달의 날짜 및 이 후 달의 날짜 일부를 출력 기능2. 상단 좌우버튼을 통해 전월, 익월을 캘린더에 출력 기능3. 캘린더에 특정 날짜를 선택하면 원을 velog.io https://velog.io/@leobang1..
오늘 한 일 면접 및 과제 [x] 4시 화상면접 → 까먹고 녹음은 못함. [ ] 면접 기술 질문 posting [ ] React Native App ⭐️ [ ] React Native App posting [서류 준비] 이력서, 자소서, 포트폴리오 노션 이력서, 자소서 ⭐️ [x] 이력서 [x] 자소서 채용사이트 이력서 등록 [x] 점핏 [x] 원티드 2월 취업대비반 개인 [x] 이력서 수정 ⭐️ [x] 지원 인증 팀원 [x] 이력서 페어 리뷰 [ ] 모의 면접 데일리 과제 & 포스팅 [x] position 을 어떻게 사용하는지 알려주세요. [x] this 가 동작하는 원리와 용법을 아는대로 설명해주세요. 평소 코드 중에서는 어떤 부분에서 가장 큰 차이가 생기나요? Daily To Do [x] wante..
오늘 to do 🔥 필수 면접 및 과제 [x] 3시 30분 전화면접 [x] 코테 24일까지 ⭐️ [ ] React Native App ⭐️ [서류 준비] 이력서, 자소서, 포트폴리오 노션 이력서, 자소서, 포트폴리오 ⭐️ [x] 이력서 - 수정 중 [ ] 자소서 [ ] 포트폴리오 2월 취업대비반 개인 [x] 이력서 수정 [x] 지원 인증 팀원 [x] 이력서 페어 리뷰 [ ] 모의 면접 기술 면접, 특강 [x] 7시 ~ 8시 버디님 기술면접 [x] 9시 ~ 10시 멘토님 특강 데일리 과제 & 포스팅 [x] 프레임워크와 라이브러리 차이점에 대해 설명해주세요. [x] 캐시의 장단점과 어떤 부분에 활용하는지 설명해주세요. 프론트엔드에서 캐시를 사용할 수 있는 2~3가지 영역을 제시해주세요 [x] HTTP에 대해..