리트코드 15 세 수의 합 (파이썬)
2022. 8. 6. 14:45
리트코드
https://leetcode.com/problems/3sum/ [3Sum - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com](https://leetcode.com/problems/3sum/) 문제 배열을 입력받아 합으로 0을 만들 수 있는 3개의 엘리먼트를 출력하라. 풀이 def func(lst): lst = sorted(list(lst)) result = [] l = -1 r = 0 while l < len(lst) - 2: l += 1 for k in ra..
리트코드 42 빗물 트래핑 (파이썬)
2022. 8. 6. 00:41
리트코드
문제 높이를 입력받아 비 온 후 얼마나 많은 물이 쌓일 수 있는지 계산하라 생각해보기 한 블럭이 생겼을때 자기와 같거나 큰 블록을 만나면 자기 블록의 높이 만큼을 더해준다...? 근데, 자기 보다 작은 블럭을 만나면 그 과정에서 높이의 차이만큼 빼서 더한다..? ...................첫 시도 후 아 비교할 첫 블록의 높이가 0이면 아무것도 안해도 된다. break 처리 아 근데 첫 블록의 뒤에 자기랑 같거나 더 큰 블록이 있어야 더해야 한다. in lst[슬라이싱]...? 아... 이것 저것 다 해봤는데 모르겠다. 투 포인터 배우고 다시 해봐야지
리트코드 5 가장 긴 팰린드롬 부분 문자열 (파이썬)
2022. 8. 5. 17:50
리트코드
https://leetcode.com/problems/longest-palindromic-substring/ [Longest Palindromic Substring - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com](https://leetcode.com/problems/longest-palindromic-substring/) 문제 가장 긴 팰린드롬 부분 문자열을 출력하라. 해석 및 풀이 def func(s): if s == s[::-1]: return s lst..
Breakpoints (부트스트랩)
2022. 8. 4. 17:57
HTML CSS 개념
Breakpoints 부트스트랩에서는 기본적인 Breakpoints를 사용 할 수 있는 클래스가 있다. 예를 들어 클래스를 d-md-none으로 지정하면 md부분 즉, 768이상의 구간인 경우 none을 display하겠다는 의미로 화면에 나타나지 않는다. CSS를 통해서 미디어 쿼리를 사용해서도 breakpoint를 만들 수 있다. 예를 들어 @media screen and (max-width: 414px) { .my_class { color: red; font-size: xx-large; } } 위 코드를 입력하면 414px 이하인 구간에서는 지정해준 스타일이 적용된다. 부트스트랩에 지정된 breakpoint가 자신이 원하는 구간이 없다면 이런식으로 만들면 된다.
CSS 부트스트랩 bootstrap
2022. 8. 4. 16:33
HTML CSS 개념
부트스트랩 다양한 기능 속성들을 클래스로 만들어 제공해줘 부트스트랩을 이용해 다양하게 html을 꾸밀 수가 있다. d-flex 자식 태그들을 flex화 시켜준다. CSS의 display: flex;와 똑같다. 디폴트는 flex-direction: row; flex-(속성들) 을 이용하면 flex를 다양하게 조작 가능하다.
CSS 플렉스 Flex
2022. 8. 4. 16:32
HTML CSS 개념
CSS Layout float 박스를 왼쪽 혹은 오른쪽으로 이동시켜 텍스트를 포함, 인라인 요소들이 주변을 감싸도록 함. (한글에서 사진을 삽입하면 객체 설정의 문자열 옆으로 놓게 해 주듯이) Flexible Box 행과 열 형태로 아이템들을 배치하는 1차원 레이아웃 모델 행 형태로 배치된 아이템 들을 열 형태로 바꿔줌 display: flex; flex-direction: row-reverse; 로 해주면 아이템들이 오른쪽부터 가로로 정렬이 됨 ( row: 디폴트, 아이템들이 왼쪽부터 가로로 정렬이 됨 , row-reverse , column: 아이템들이 위에서부터 아래로 세로로 정렬이 됨 , column-reverse를 사용 가능 ) display: inline-flex; 해주면 사각형이 만들어지고 ..
HTML CSS로 체스판 만들기
2022. 8. 2. 20:58
HTML CSS 개념
문제 한 칸이 가로세로 100px인 체스판 800px로 만들어라. 풀이 첫 번째 방법 table을 이용한다. CSS td { width: 100px; height: 100px; box-sizing: border-box; border-collapse: collapse; } .black { background-color: black; border-collapse: collapse; } HTML table은 기본적으로
리트코드 125 Valid Palindrome (유효한 팬린드롬) (파이썬)
2022. 7. 30. 16:13
리트코드
https://leetcode.com/problems/valid-palindrome/ 문제 함수에 입력한 단어가 팬린드롬인지 확인하는 함수를 작성하여라 거꾸로 해도 똑같은 영어단어 - palindrome(회문) '회문 영어단어'에 대해 알아보았다. 여기서 '회문(回文)'은 거꾸로 읽어도, 제대로 읽어도, 앞뒤 어느 쪽에서 읽어도, 똑같은 말이 되는 단어나 구문을 뜻하며, 영어로는 'palindrome[팰린드롬]'이라고 한다. 영어 회문 중에서 쉽고 친숙한 단어는 붉은색으로 따로 구분해서 표시했다. 풀이 및 해석(주석) #1. 리스트를 활용한 방법 def func(s): s = s.lower() # 일단 소문자화 alnum = [] # 새로운 리스트를 만들어 준다. for i in s: # 받은 문자열을 ..