● 튜플이란? 튜플이란, 자바스크립트에서는 일반 배열로 인식되지만 타입스크립트에서는 정해진 길이의 요소와 특수 배열을 입력해야지 오류가 뜨지 않는 것을 이야기한다. const person = { name : 'daeun', age : 19, hobbies : ['Sports', 'Cooking'], role : [2, 'front-developer'] } 만약에 위와 같은 객체가 있다고 했을 때, role에 있는 배열의 구조의 타입들을 명확하게 하고 싶을 땐 어떻게 해야할까? const person : { name : string; age : number; hobbies : string[]; role : [number, string]; } = { name : 'daeun', age : 19, hobbie..
분류 전체보기
문제설명 카카오톡에 뜬 네 번째 별! 심심할 땐? 카카오톡 게임별~ 카카오톡 게임별의 하반기 신규 서비스로 다트 게임을 출시하기로 했다. 다트 게임은 다트판에 다트를 세 차례 던져 그 점수의 합계로 실력을 겨루는 게임으로, 모두가 간단히 즐길 수 있다. 갓 입사한 무지는 코딩 실력을 인정받아 게임의 핵심 부분인 점수 계산 로직을 맡게 되었다. 다트 게임의 점수 계산 로직은 아래와 같다. 다트 게임은 총 3번의 기회로 구성된다. 각 기회마다 얻을 수 있는 점수는 0점에서 10점까지이다. 점수와 함께 Single(S), Double(D), Triple(T) 영역이 존재하고 각 영역 당첨 시 점수에서 1제곱, 2제곱, 3제곱 (점수1 , 점수2 , 점수3 )으로 계산된다. 옵션으로 스타상(*) , 아차상(#)..
● 솔로프로젝트 그동안 기능은 모두 구현하였으나, 이후 디버깅과 코드 최적화과정 + git 관련 공부를 진행하였습니다. 중복되는 코드들을 최대한 제거하려고 하였으며, 확실히 중복 제거 이후에 코드가 짧아지는걸 경험할 수 있었습니다.. GitHub - ddaeunbb/fe-sprint-coz-shopping Contribute to ddaeunbb/fe-sprint-coz-shopping development by creating an account on GitHub. github.com ❍ 코드 수정사항 무한스크롤 로직과 네브바 중복 코드가 있어서, 사실 코드를 모두 짜놓고 나서도 '아..언제 중복제거하지..' 생각만 하고 있었는데 17일~18일 동안 중복코드를 제거하면서 확실히 코드 최적화가 되는 과..
● 솔로프로젝트 아직 솔로프로젝트 기간이 마무리되진 않았지만, 웬만한 기능은 모두 구현을 해놓아서 포스팅을 합니다! ❍ 메인 페이지 axios 요청을 통해서 main 페이지에 들어오면 useEffect를 통해 데이터를 가져왔습니다. 이후 redux의 store에 저장합니다. 북마크 별표를 누르면 북마크리스트에 추가가되고, 북마크 별표를 지우면 북마크리스트에서 제거됩니다. 북마크 추가 및 제거를 할 때마다, 알림 토스트가 뜨게 됩니다. 각 객체마다 버튼을 누르면 bookmark속성이 추가되게 했습니다. 다시 버튼을 누르면 bookmark를 false한 값으로 수정했습니다. 리스트는 axios 요청으로 받아온 데이터 중 4개만 진열되게 했습니다. ❍ 상품리스트 페이지 햄버거버튼을 눌러 각 페이지마다 이동할..
● 기술면접준비 UI, UX의 개념과 두 개념의 관계에 대해서 설명해 주세요. UI란 유저인터페이스로, 사용자가 어떠한 기기나, 서비스를 사용할 수 있도록 하는 접점을 이야기합니다. 컴퓨터같은 경우는 키보드 마우스를 예시로 들 수 있습니다. UX는 user-experience로 사용자의 경험을 뜻합니다. 좋은 UI는 더 좋은 유저 경험을 제공할 수 있습니다. 예를 들어, 키보드에 있는 숫자가 오름차순이 아니라, 숫자들이 뒤죽박죽 순서대로 놓여있었다면 사용자들은 키보드를 사용할 때 좋지 않은 경험을 할 수 있습니다. 따라서 사용자가 불편함을 겪고있는 UX가 어느 부분인지 찾아, UI를 개선해야합니다. Styled Components를 사용해 보면서 느낀 장점을 이야기해 주세요. Styled-Componen..
● 오늘 만든 것 피그마로 만들어보았읍니다..!! 나중에 리액트로 로그인하고 -> 포스팅 -> CRUD가능한 구현을 하고 싶다고 생각했습니다 !! ● 오늘 공부한 것 next.js(공식문서 + 공부하기) NextAuth.. 라이브러리..최고.. 알고리즘 공부
