전체 글 134

[CSS] 드롭다운 메뉴바 구현하기

위와 같은 느낌의 드롭다운 메뉴바를 구현해보았다 드롭다운 메뉴바 자체의 코드가 어려운 것은 아니었지만 1. 각 메뉴별로 submenu 개수가 달라도 밑에 빈 공간이 생기지 않고 2. 위에서 아래로 내려오는 애니메이션 효과 가 되는 드롭다운 메뉴바를 구현하고 싶어서 좀 더 찾아보았다 HTML 코드 소개 행사개요 일정표 오시는길 라인업 MAIN STAGE SUB STAGE 프로그램 MAIN STAGE SUB STAGE 체험 프로그램 갤러리 SMF 2022 SMF 2021 SMF 2020 SMF 2019 커뮤니티 공지사항 문의하기 FAQ HTML 코드는 그냥 보통의 드롭다운 메뉴바 형식으로 작성해주면 된다 CSS 코드 .navigation { background-color: #1e192c; width: 100..

[JavaScript / jQuery] 이미지 슬라이더(캐러셀) 구현하기

이런 느낌의 이미지 슬라이더를 만들어보았다 HTML Project CSS #project .title { display: inline-block; } .slider { width: 800px; height: 400px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .slider-wrapper { width: 600px; height: 400px; overflow: hidden; } .slider-slide { width: 1800px; display: flex; flex-direction: row; transition: all 0.5s; } .slide..

width: 100% 인데도 가로 스크롤바가 생기는 문제

홈페이지 제작을 연습하던 중, width에 관해 손댄 적이 없는데 가로로 스크롤바가 생겨 있었다 개발자 도구로 들어가서 body 태그를 살펴봐도 묘하게 조금 공간이 더 생겨 있었다 세로 방향 스크롤바가 생기면서 스크롤바 사이즈만큼 가로 사이즈가 늘어난 것이다... body { overflow-x: hidden; } body 태그 내에 overflow-x에 hidden 속성을 넣어서 해결해주었다 참고: https://g1etistory.tistory.com/7

VSCode 한글 깨짐 문제

이런 식으로 터미널에서 한글이 깨진 채로 출력되는 문제 발생... 오른쪽 하단 바에서 UTF-8을 클릭해서 인코딩해서 다시 열기(Reopen with Encoding) -> Korean 검색해서 클릭해주기 클릭하고 나면 코드에 작성했던 한글이 깨지는데 그냥 ctrl + z 누르면 원래대로 되돌아간다 앞으론 코드 작성하기 전에 미리 인코딩 형식 확인하면 좋을 듯 변경해주고 나면 한글이 잘 나온다

Programing/VSCode 2023.11.23

[CS1061] Collision2D 타입 변수에 tag 속성을 붙일 수 없는 문제

'Collision2D'에는 'tag'에 대한 정의가 포함되어 있지 않고, 'Collision2D' 형식의 첫 번째 인수를 허용하는 액세스 가능한 확장 메서드 'tag'이(가) 없습니다. using 지시문 또는 어셈블리 참조가 있는지 확인하세요. (CS1061) OnCollision메소드에서 other.tag를 사용하려고 하니 에러가 발생했다 OnCollision 메소드와 OnTrigger 메소드 간의 차이가 있다면 각각 Collision2D와 Collider2D 타입의 변수를 받아온다는 건데, https://docs.unity3d.com/ScriptReference/Collider2D.html Unity - Scripting API: Collider2D Success! Thank you for help..

Edge Collider 2D 적용이 제대로 되지 않는 문제

스프라이트에 Edge Collider 2D 컴포넌트를 추가했는데 스프라이트 모양대로 나오지 않고 그냥 일자로 쭉 선이 그어진 모양으로 나왔다 Inspector 창에서 Sprite Shape Controll의 Edit Spline 버튼을 눌러주면 스프라이트 모양에 맞게 Collider이 잘 생성된다 원리는 잘 모르겠다... 처음에는 모양 인식이 잘 안 되는 건가? 이후에도 스프라이트 모양에 맞게 제대로 적용이 안 될 경우 Edit Spline을 다시 한 번 눌러주면 제대로 적용이 되었다 출처: https://community.gamedev.tv/t/edge-collider-not-working-new-2d-course/180539

[프로그래머스] MySQL Lv.3 전체 정답 풀이

대여 횟수가 많은 자동차들의 월별 대여 횟수 구하기 https://school.programmers.co.kr/learn/courses/30/lessons/151139 with rental as( select car_id, month(start_date) month from CAR_RENTAL_COMPANY_RENTAL_HISTORY where start_date between '2022-08-01' and '2022-10-31' ) SELECT month, car_id, count(*) as records from rental where car_id in ( select car_id from rental group by car_id having count(*) >= 5) group by month, c..

[프로그래머스] MySQL Lv.2 (정답률 80% 이하)

자동차 평균 대여 기간 구하기 SELECT car_id, average_duration from (select car_id, round(avg(datediff(end_date, start_date)), 1)+1 as average_duration from CAR_RENTAL_COMPANY_RENTAL_HISTORY group by car_id) as history where average_duration >= 7 order by average_duration desc, car_id desc 조건에 부합하는 중고거래 상태 조회하기 SELECT board_id, writer_id, title, price, case when status = 'SALE' then '판매중' when status = 'RESER..