분류 전체보기
-
first-child와 first-of-type의 차이프로그래머스 데브코스: 클라우드 기반 웹 프론트엔드 3기 2024. 11. 26. 00:14
데브코스 1주차 내용 중 CSS를 공부하면서 first-child와 first-of-type이 동일하게 첫 번쨰 요소를 고른다고 하는데 어떤 차이가 있는지 궁금해졌다. 그래서 뭐가 다른데?어떤 요소를 중심으로 생각하고 조건에 맞는 요소를 찾느냐가 다르다!예를 들어서 div 태그 하위에 다수의 p태그가 있다고 하자 p p p p 이때 css에서 first-child를 사용하면div > p:first-child { ...}브라우저는 div 하위의 첫 번째 자식 요소가 p일 때 해당 스타일을 적용한다. 반면, first-of-type은div > p:first-of-type { ...}div 하위의 p태그 중 첫 번째 요소를 선택한다. See the Pen Untitled b..
-
프로그래머스 코딩테스트 - 억억단을 외우자코딩테스트 풀이 2024. 11. 25. 15:47
문제 설명https://school.programmers.co.kr/learn/courses/30/lessons/138475 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.krestartsresult8[1,3,7][6,6,8] 요약: 억억단 중 s단에서 s보다 크고 e보다 작은 수의 횟수를 구해 가장 많이 등장한 수 중 가장 작은 수를 구한다.해결 방법기본 아이디어모든 곱셈 결과가 필요하지 않다. 우리는 곱셈 결과 중 e보다 작은 수만 필요한 것이다.따라서 억억단을 진행할 때 e보다 작은 수만 구해줘도 상관이 없다.위의 그림을 보면 규칙을 찾을 수 있다. e보다 작은 수를 구하려면 우리는 1단 부터 e단까지..
-
프로그래머스 코딩테스트 - 인사고과코딩테스트 풀이 2024. 11. 24. 22:17
문제 설명https://school.programmers.co.kr/learn/courses/30/lessons/152995 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 해결 방법기본 아이디어점수 목록의 길이가 1이면 완호의 등수는 1이다.완호의 인사고과 두 점수가 임의의 사원보다 낮은 경우가 한 번이라도 있다면 -1을 반환한다.아이디어 1: 인센티브 제외 -> 정렬 -> 완호의 등수 구하기인센티브를 받지 못하는 사람들을 제외한 후 등수를 정렬하고, 완호의 등수를 구하는 아이디어다.문제점인센티브 제외하느라 배열을 한 번 순회하고, 등수를 정렬하느라 배열을 또 한번 순회하고, 완호의 등수를 구하느라 다..
-
프로그래머스 코딩테스트 - 기지국 설치코딩테스트 풀이 2024. 11. 23. 22:41
문제 설명https://school.programmers.co.kr/learn/courses/30/lessons/12979[프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr](https://school.programmers.co.kr/learn/courses/30/lessons/12979)해결 방법아이디어12345678910 이렇게 기지국이 설치되어 있다고 했을 때 설치할 수 있는 최소한의 수는 기지국의 범위가 닿지 않는 아파트 단지의 길이를 기지국 범위로 나눈 후 소수점 올림을 해주면 된다. 즉 위의 경우 기지국의 볌위가 3이기 때문에12345678910 빨간색 영역에서 설치할 기지국은 1개가 되고, 초..
-
프로그래머스 코딩테스트 - 연속 펄스 부분 수열의 합코딩테스트 풀이 2024. 11. 22. 15:01
문제https://school.programmers.co.kr/learn/courses/30/lessons/161988 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr해결 방법방법1: Dynamic Programming지난 포스팅에서 사용했던 dp를 재적용해봤다.펄스 수열이 [1, -1, 1, ...] 처럼 1부터 시작하는 것과 [-1, 1, -1, ...] 처럼 -1부터 시작하는 수열이 있기 때문에 양수 펄스 수열을 적용한 전체 수열과 음수 펄스를 적용한 수열을 저장할 plus 배열을 생성했다.plus2-3-6-1312-4-2361-3-1-24순서대로 위에는 1로 시작하는 펄스 수열을 적용한 결과이고 ..
-
Chromatic 배포 옵션 추가하기개발 프로젝트: 핀더펜 2024. 11. 21. 17:01
현재 Storybook 배포를 chromatic을 사용하고 있으며, github actions를 통해 자동 배포를 해주고 있다. 여기서 계속 신경쓰였던 것은스토리북에 변경사항이 없음에도 깃허브에 코드를 업데이트할 때마다 chromatic에 지속적으로 새롭게 배포가 됨새롭게 배포가 된 것을 매번 approve해줘야 storybook 배포가 성공함 해결 방법은 간단했다.1. 코드 업데이트가 있을 때만 재배포하기 : onlyChangedhttps://www.chromatic.com/docs/github-actions/#enable-turbosnap Introduction • Chromatic docsChromatic is a cloud-based toolchain that integrates with Stor..
-
프로그래머스 코딩테스트 - 스티커 모으기(2)코딩테스트 풀이 2024. 11. 20. 16:32
문제 설명N개의 스티커가 원형으로 연결되어 있습니다. 다음 그림은 N = 8인 경우의 예시입니다.원형으로 연결된 스티커에서 몇 장의 스티커를 뜯어내어 뜯어낸 스티커에 적힌 숫자의 합이 최대가 되도록 하고 싶습니다. 단 스티커 한 장을 뜯어내면 양쪽으로 인접해있는 스티커는 찢어져서 사용할 수 없게 됩니다. 예를 들어 위 그림에서 14가 적힌 스티커를 뜯으면 인접해있는 10, 6이 적힌 스티커는 사용할 수 없습니다. 스티커에 적힌 숫자가 배열 형태로 주어질 때, 스티커를 뜯어내어 얻을 수 있는 숫자의 합의 최댓값을 return 하는 solution 함수를 완성해 주세요. 원형의 스티커 모양을 위해 배열의 첫 번째 원소와 마지막 원소가 서로 연결되어 있다고 간주합니다.제약 사항sticker는 원형으로 연결된 ..
-
emmet 사용하기mmet 사용하기프로그래머스 데브코스: 클라우드 기반 웹 프론트엔드 3기 2024. 11. 19. 12:26
html와 css 등 다양한 파일 종류에 유용한 코드 단축키를 제공vscode에서는 emmet이 내장되어 있기 때문에 바로 별도의 설치 없이 사용할 수 있다.child하위 요소를 생성하는 방법은 `>` 을 사용하는 것이다.ul>li --> sibling동급 요소를 생성하고 싶다면 `+`를 사용한다. child + sibling당연히 하위 요소와 동급 요소를 섞어 응용할 수 있다.p>p>span+em --> 올라가기하위 요소를 작성하다 위로 올라가서 동급 요소를 생성하고 싶다면 `^`를 사용하면 된다. 아래의 코드에서는 마지막으로 하위 요소를 만든 태그가 이기 때문에 그 위의 태그로 올라가 의 하위..