Programing 93

[Coding] if return 문의 코딩 스타일(Early Return)

강의를 듣던 중, 강사 분께서 이런 식으로 if 문을 활용해서 조건이 맞지 않으면 그냥 바로 리턴을 해버리는 방식으로 코드를 작성하셨다 여태 생각해왔던 바로는 if(myFeetCollider가 Ground 마스크에 IsTouchingLayers가 true라면) { if(value.isPressed) { // 속도 바꾸기 } } 이런 식으로 작성하리라 생각했는데 아니었다 이런 코드 작성법이 궁금해서 더 찾아보니, Early Return 이라고 부르는 듯 하다 이러한 방식으로 코드를 작성하게 되면 if 문의 들여쓰기를 줄여 코드가 간결해지고, 조건에 맞지 않는 경우를 미리 처리하므로 가독성이 높아진다는 장점이 있다 그러나 긴 코드 속에서 과하게 사용될 경우, 오히려 가독성이 떨어지고 함수가 복잡한 형태로 남..

[Unity] Scene 화면에 보이는 컴포넌트 아이콘 크기 축소하기

여러 컴포넌트 아이콘들이 플레이어에 붙으면서 플레이어의 모습도 잘 보이지 않아서 불편함 상단에 있는 기즈모(Gizmos) 메뉴를 클릭해서 3D Icons의 사이즈를 변경해주면 된다 체크박스를 해제할 경우, 아이콘이 일정한 크기로 유지되고 항상 표시된 상태로 보인다 참고 https://docs.unity3d.com/kr/2021.3/Manual/GizmosMenu.html

[jQuery] .attr()과 .prop()의 차이

.attr(): HTML의 속성을 다룬다 .prop(): JavaScript의 프로퍼티(속성)를 다룬다 * 자바스크립트에서 프로퍼티란 {키: 값} 을 의미 var $checkbox = $('#agree'); alert($checkbox.attr('checked')); alert($checkbvox.prop('checked')); 출력 결과 attr(): "checked" → HTML에서의 checked의 속성을 표시(checked) prop(): true → JavaScript에서의 checked의 프로퍼티를 표시(checked: true) 코멘트 var $comment = $('#get_comments'); alert($comment.attr('href')); alert($comment.prop('hr..

[CSS] input 요소 focus 시 외곽선 스타일 변경이 안 되는 문제

이런 input 요소에 focus를 했더니 이렇게 바뀌었다 input:focus에 border 스타일을 동일하게 넣어서 해결해보려고 했지만 안 됐는데 1. input의 경우, 클릭하거나 tab으로 선택했을 때 모두 focus-visible 상태가 된다 따라서 :focus에서 아무리 스타일 변경을 시도해도 안 먹히는 것이다... + button의 경우, tab으로 선택했을 때만 focus-visible 상태가 된다 2. 위 경우에는 border가 아니라 outline이 생기는 것! 위 사진에서 보이듯이 border 스타일의 문제가 아니라 outline 스타일의 문제였기 때문에 border 변경을 해도 소용이 없던 것... 따라서 .search-box>input:focus-visible { outline: ..

[프로그래머스] 취소되지 않은 진료 예약 조회하기 (Level 4)

https://school.programmers.co.kr/learn/courses/30/lessons/132204 문제: PATIENT, DOCTOR 그리고 APPOINTMENT 테이블에서 2022년 4월 13일 취소되지 않은 흉부외과(CS) 진료 예약 내역을 조회하는 SQL문을 작성해주세요. 진료예약번호, 환자이름, 환자번호, 진료과코드, 의사이름, 진료예약일시 항목이 출력되도록 작성해주세요. 결과는 진료예약일시를 기준으로 오름차순 정렬해주세요. select apnt_no, pt_name, patient.pt_no, appointment.mcdp_cd, dr_name, apnt_ymd from appointment inner join patient on appointment.pt_no = patien..

[프로그래머스] 5월 식품들의 총매출 조회하기 (Level 4)

https://school.programmers.co.kr/learn/courses/30/lessons/131117 문제: FOOD_PRODUCT와 FOOD_ORDER 테이블에서 생산일자가 2022년 5월인 식품들의 식품 ID, 식품 이름, 총매출을 조회하는 SQL문을 작성해주세요. 이때 결과는 총매출을 기준으로 내림차순 정렬해주시고 총매출이 같다면 식품 ID를 기준으로 오름차순 정렬해주세요. select food_product.product_id, product_name, (price * sum(amount)) as total_sales from food_product inner join food_order on food_product.product_id = food_order.product_id wh..

[프로그래머스] 식품분류별 가장 비싼 식품의 정보 조회하기 (Level 4)

https://school.programmers.co.kr/learn/courses/30/lessons/131116 문제: FOOD_PRODUCT 테이블에서 식품분류별로 가격이 제일 비싼 식품의 분류, 가격, 이름을 조회하는 SQL문을 작성해주세요. 이때 식품분류가 '과자', '국', '김치', '식용유'인 경우만 출력시켜 주시고 결과는 식품 가격을 기준으로 내림차순 정렬해주세요. select category, price as max_price, product_name from food_product where category in ('과자', '국', '김치', '식용유') and price = ( select max(price) from food_product as comp where food_pro..

[프로그래머스] 보호소에서 중성화한 동물 (Level 4)

https://school.programmers.co.kr/learn/courses/30/lessons/59045 select ins.animal_id, ins.animal_type, ins.name from animal_ins as ins inner join animal_outs as outs on ins.animal_id = outs.animal_id where sex_upon_intake like 'Intact%' and (sex_upon_outcome like 'Spayed%' or sex_upon_outcome like 'Neutered%') order by ins.animal_id 문제: 보호소에 들어올 당시에는 중성화되지 않았지만, 보호소를 나갈 당시에는 중성화된 동물의 아이디와 생물 종, ..

[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..