까막눈코딩

1. 개요 클릭과 드래그를 이용해 HTML 요소를 넘기는 듯한 효과를 준다. 2. HTML 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 3. CSS html { box-sizing: border-box; background: url('https://source.unsplash.com/NFs6dRTBgaM/2000x2000') fixed; background-size: cover; } *, *:before, *:after { box-sizing: inherit; } body { min-height: 100vh; display: flex; justify-content: center; align-items: center;..

Experience/[Javascript] JS 30 2021. 5. 11. 15:39

1. 개요 네비게이션로 마우스 포인터를 옮기면 메뉴가 펼쳐지도록 한다. 2. HTML Cool About Me Wes Bos sure does love web development. He teaches things like JavaScript, CSS and BBQ. Wait. BBQ isn't part of web development. It should be though! Courses RFB React For Beginners ES6 ES6 For Everyone NODE Learn Node STPU Sublime Text Power User WTF What The Flexbox?! GRID CSS Grid LRX Learn Redux CLPU Command Line Power User MMD Ma..

Experience/[Javascript] JS 30 2021. 5. 9. 15:23

1. 문자열 다루기 기본 def solution(s): num = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'] if (len(s) == 4) | (len(s) == 6): for i in s: if i not in num: answer = False break else: answer = True else: answer = False return answer 주어진 문자열을 체크하여 4글자, 혹은 6글자로 이루어지고, 모든 글자가 숫자인 경우에만 True를 반환해야 한다. 예외 처리를 이용해도 되는데, 에러를 내지 않고 해결하는 방법을 생각하다가 위와 같이 모든 문자열이 숫자인지를 체크하는 방식을 사용했다. 우선 문자열의 길이가 4 혹은 6인 경우에, 문자열의..

Coding Test/[Python] Programmers lv1 2021. 5. 8. 22:35

1. 개요 이벤트 캡처링과 버블링과 이를 중단하는 방법, 이벤트에 한 번만 반응하는 방법이다. 2. HTML one two three button 3. CSS html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } div { width: 100%; padding: 100px; } .one { background: thistle; } .two { background: mistyrose; } .three { background: coral; } 4. Javascrip const divs = document.querySelectorAll('div'); function logText(e) { console.log(this.cl..

Experience/[Javascript] JS 30 2021. 5. 8. 15:30

1. 개요 Nav 태그를 스크롤 이동에 관계없이 화면의 최상단에 고정되어 표시되도록 한다. 2. HTML A story about getting lost. LOST. Home About Images Locations Maps Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore tempora rerum, est autem cupiditate, corporis a qui libero ipsum delectus quidem dolor at nulla, adipisci veniam in reiciendis aut asperiores omnis blanditiis quod quas laborum nam! Fuga ad tempora in asper..

Experience/[Javascript] JS 30 2021. 5. 7. 15:33

1. 약수의 합 def solution(n): answer = 0 for i in range(1, n+1): if n % i == 0: answer += i return answer 1부터 n까지의 모든 숫자로 n을 나누어 보았을 때, 나머지가 0인 수들을 모두 더한다. 2. 나누어 떨어지는 숫자 배열 def solution(arr, divisor): answer = [] for i in arr: if i % divisor == 0: answer.append(i) answer.sort() if len(answer) == 0: answer.append(-1) return answer 배열의 모든 요소들을 divisor로 나누어 보았을 때, 나머지가 0인 숫자들을 정답 배열에 넣은 뒤 sort로 정렬한다. ..

Coding Test/[Python] Programmers lv1 2021. 5. 7. 11:49

1. 평균 구하기 def solution(arr): answer = 0 for i in arr: answer += i answer = answer/len(arr) return answer 평이한 평균 구하기. def solution(arr): answer = 0 answer = sum(arr)/len(arr) return answer sum 매소드를 사용해도 된다. 2. 짝수와 홀수 def solution(num): if (num % 2 == 0): answer = 'Even' else: answer = 'Odd' return answer 2로 나눈 나머지에 따라 출력 값이 달라진다. 3. 같은 숫자는 싫어 def solution(arr): answer = [] answer.append(arr[0]) f..

Coding Test/[Python] Programmers lv1 2021. 5. 6. 21:54

1. 개요 이번에는 텍스트를 읽는 기능이다. 텍스트 상자의 글을 인식하여 읽어 주며, 속도 및 음성의 높낮이를 조절할 수 있다. 2. HTML The Voiceinator 5000 Select A Voice Rate: Pitch: Hello! I love JavaScript 👍 Stop! Speak 3. CSS html { font-size: 10px; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0; padding: 0; font-family: sans-serif; background-color: #3BC1AC; display: flex; min-height: 100vh; align-items..

Experience/[Javascript] JS 30 2021. 5. 6. 15:12