전체 글

TIL] 알고리즘 공부

최댓값 구하기 시간 복잡도 ↑ (N제곱) input = [3, 5, 6, 1, 2, 4] def find_max_num(array): # array의 길이만큼 아래 연산실행 for num in array: # array의 길이만큼 아래 연산실행 for compare_num in array: #비교연산 1번실행 if num < compare_num: break else: return num result = find_max_num(input) print(result) # 프로그램 동작 정리.. # num = 3 < compare_num = 5 break # num = 5 < compare_num = 6 break # num = 6 시간 복잡도 ↓ (1 + 2N) input = [3, 5, 6, 1, 2, 4..

TIL]미디어쿼리

미디어쿼리 웹에서 접속을 할 때 개개인의 모니터의 크기가 틀리거나 모바일, 태블릿 pc, 데스크톱, 랩탑 등 다양한 기기로 이용하기 때문에 현재 화면의 크기를 감지하고 화면 너비에 따라 다른 css 스타일을 적용할 수 있습니다. 아래 예제를 살펴보겠습니다! @media screen and (max-width: 480px) { body { background-color: green; } } 우선 미디어쿼리를 사용할 때 @media라고 적어줍니다. screen and 부분을 보시면 max-width가 480px로 되어있는데 480px보다 작은 화면 즉, 스마트폰에 대한 규칙을 정의하는 것입니다. 위의 예제와 같이 실제로 적용할 css 규칙은 미디어쿼리의 중괄호 안에 적어주고 미디어쿼리가 충족되면 이 규칙들이..

TIL] details와 summary

detail 인터넷을 하다 보면 펼치기 버튼을 눌러 숨겨져 있던 내용이 출력되는 걸 자주 볼 수 있다. 이러한 걸 해주는 것이 detail이다. 예제를 통해 살펴보자. 숨겨진 내용 위의 예제는 사진과 같이 p태그가 숨겨져 있다가 세부 정보를 클릭했을 때 펼쳐지면서 숨겨져 있던 p태그가 나오게 된다. summary 위의 예제를 살펴보면 세부정보라고 따로 기입한 흔적조차 없는데 웹에선 세부정보라고 나타나고 있다. 이 세부정보를 바꾸려면 어떻게 해야 할까? summary를 사용하면 된다. 아래 예제를 살펴보자. 클릭하세요! 안녕하세요! 위의 예제에선 세부 정보 summary안에 써넣은 클릭 하세요! 가 표시되는 것을 볼 수 있다. open 위의 예제들은 클릭을 해야만 펼쳐졌다! 하지만 처음 웹에 들어갔을 때 ..