본문 바로가기

분류 전체보기451

230204 오늘은 다른 기업의 과제를 시작했다. 기능 구현하는건 한번씩은 해봤던 것들이어서 마음이 편안했다,, 근데 아직 css가 많이 부족하다는 것을 알았다. 특히 grid에 대한 지식이 많이 부족한 것 같다. display: grid를 할 수 있다는 것도 알게 되었다... grid-gap을 사용하면 margin, padding 비스무리하게 사용할 수 있는 것도 알았다. margin이나 padding을 사용할 때에도 아래와 같이 활용할 수 있는데 이걸 항상 까먹어서 mdn을 찾아보게된다. 아직은 관심사를 분리하는것도 어려운것같다. 보통 관심사를 분리해두고 코드를 작성하나..? 난 아직은 코드를 먼저 다 짜고 동작하는지 확인하면 그 후에 관심사 분리를 하는 것 같다. 그리고 onClick을 계속 svg에 넣어두고 .. 2023. 2. 5.
230203 오늘은 회고 겸 TIL 일주일동안 한 기업의 과제를했다. 필수 요구 조건은 별로 없었는데 한번도 안해본 기능들이라 조금 헤맸었던 것 같다. 캐러셀 구현을 했는데 이건 라이브러리를 사용해서 구현했다,, 무한 스크롤 기능은 라이브러리를 사용 안하고 직접 만들어서 했는데 잘 몰라서 시간을 좀 오래 사용한 것 같다. intersection observer API를 사용했다. intersection observer를 사용하면 target이 화면에 노출되었는지 여부를 간단하게 확인할 수 있다. 관심사 분리를 하는데 hook과 util함수 구분에 대해서 잘 몰랐던 것을 깨달았다. hook으로 분리할 수 있는것은 react의 훅을 사용해야하는 것들이고 util 함수로 분리할 수 있는 것들은 순수 자바스크립트만을 사용해.. 2023. 2. 3.
181. 기사 단원의 무기 Javascript https://school.programmers.co.kr/learn/courses/30/lessons/136798 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1. 문제에 대한 이해 우리가 풀어야 할 문제는 무엇인가? 무기점의 주인이 무기를 모두 만들기 위해 필요한 철의 무게를 구하라 주어진 자료는 무엇인가? number: 기사 단원의 수를 나타내는 정수 limit: 공격력의 제한 수치를 나타내는 정수 power: 제한 수치를 초과한 기사가 사용할 무기의 공격력을 나타내는 정수 조건은 무엇인가? 이웃나라와의 협약에 의해 공격력의 제한수치를 정하고, 제.. 2023. 1. 25.
180. 크기가 작은 부분 문자열 Javascript https://school.programmers.co.kr/learn/courses/30/lessons/147355 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1. 문제에 대한 이해 우리가 풀어야 할 문제는 무엇인가? t에서 p와 길이가 같은 부분문자열 중에서, 이 부분문자열이 나타내는 수가 p가 나타내는 수보다 작거나 같은 것이 나오는 횟수를 구하라 주어진 자료는 무엇인가? 숫자로 이루어진 문자열 t와 p 조건은 무엇인가? 1 ≤ p의 길이 ≤ 18 p의 길이 ≤ t의 길이 ≤ 10,000 t와 p는 숫자로만 이루어진 문자열이며, 0으로 시작하지 않.. 2023. 1. 20.