프로그래밍 삽질 중

* 출처 : https://thebook.io/080270/part02/ch08/ Let's Get IT 자바스크립트 프로그래밍: 8장 Date 사용하기_반응속도 테스트 thebook.io 반응속도 - 파랑 : 초기화면 - 빨강 : 초 시간 제기 전 대기화면, 성급하게 눌렀을 경우 경고 표시 - 초록 : 초 시간 잰 결과물 화면 [반응속도 테스트] 클릭해서 시작하세요 [상위 5개만 보여주기] 클릭해서 시작하세요 * 상위 5개 선택 - sort 함수 사용 * sort 함수 설명 글 : https://change-words.tistory.com/64 [JavaScript] .sort(function(a, b) { return a - b; })가 작동하는 원리? 우선 이 포스팅은 내용에 대한 이해가 완전히 되..

* 출처 : https://thebook.io/080270/part02/ch04/01/ Let's Get IT 자바스크립트 프로그래밍: 4.1 순서도 그리기 thebook.io 계산기 - 계산할 값 두 개 입력 - 연산자(+,-,/,*) 입력 - 값 입력 후 '=' 추가 계산기 순서도 코드 더보기 7 8 9 + 4 5 6 - 1 2 3 / C 0 = x * 결과 * 연속 계산 추가 - 위의 계산기는 1+2=3만 되는 상황, 1+2+3=6을 하려면? - 1+2+3=6에서 1+2의 값인 3이 나오고 3+3=6이 화면에 나오려면? - +3 부분의 '+'에서 계산(사칙연산)을 한 번 더 할 것 - 연산자를 눌렀을 때 계산이 되면서 numOne의 값이 화면에 표시되고 나중에 추가되는 numTwo의 값이 초기화 될..

* 출처 https://thebook.io/080270/part02/ch03/01-03/ Let's Get IT 자바스크립트 프로그래밍: 3.1 순서도 그리기 - 3 thebook.io 끝말잇기 - 참가자 수 결정 - 참가자가 말하는 말의 마지막 글자로 이어서 연결 - 참가자 수 반복 (예를 들어 3명일 경우 3 -> 2 -> 1 -> 3 -> 2로 반복) 끝말잇기 순서도 * 콜백함수 - 특정 작업이 실행되고 난 뒤 추가로 실행되는 함수 - EX) 버튼이 클릭되고 실행되는 함수 -> onClickButton, onInput 같은 함수 * onInput 함수 내 매개변수로 event 존재 - event.target (이벤트가 처음 발생한 대상 (출처 : https://developer.mozilla.org..

[1분 퀴즈 첫 번째] * 출처 : https://thebook.io/080270/part01/ch02/03/05-01/ Let's Get IT 자바스크립트 프로그래밍: 2.3.5 var 알아보기 - 1 thebook.io [1분 퀴즈 두 번째] https://thebook.io/080270/part01/ch02/06/01-12/ Let's Get IT 자바스크립트 프로그래밍: 2.6.1 배열 - 12 thebook.io 1분 퀴즈 a와 b라는 변수에 어떠한 값이 들어 있습니다. 두 변수의 값을 서로 바꿔 보세요. 힌트 두 값을 바꾸기 위해서는 변수 하나를 더 만들어야 합니다. 정답 let a = "sunny" let b = "rain" let change = a; //이 부분 추가 해야 함 a = b;..

css 적용 전 css 적용 후 HTML SAMSUNG 제품 혜택 갤럭시 캠퍼스 스토어 큐커 식품관 #YouMake #스마트싱스 아웃렛 고객 서비스 스토리 멤버십 디지털 프라자 사회공헌 비즈니스 로그인 로그아웃 CSS p { font-family: 'Nanum Gothic', sans-serif; } :root { --white: #fff; --black: #000; } * { margin: 0; padding: 0; box-sizing: border-box; } a { text-decoration: none; color: var(--black); } html { font-size: 10px; } header { background-color: var(--white); } .header-container..

* 출처 : https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io * 답안 참고 https://velog.io/@jaedie/CSS-Diner-%EC%99%84%EB%A3%8C%EB%8B%B5%EC%95%88%EC%9A%94%EC%A0%90%EC%A0%95%EB%A6%AC-13 CSS Diner 완료(답안/요점정리) (1/3) CSS selector 연습에 좋은 자료인 CSS Diner를 완료하고 요약 및 답안을 정리하려고 한다. CSS Diner는 코드로만 보면 이해가 쉽게 되지 않는 부분을 visual aid를 가미하여 좀 더 쉽고 재미있게 CSS se..

* 출처 : https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io * 답안 참고 https://velog.io/@jaedie/CSS-Diner-%EC%99%84%EB%A3%8C%EB%8B%B5%EC%95%88%EC%9A%94%EC%A0%90%EC%A0%95%EB%A6%AC-13 CSS Diner 완료(답안/요점정리) (1/3) CSS selector 연습에 좋은 자료인 CSS Diner를 완료하고 요약 및 답안을 정리하려고 한다. CSS Diner는 코드로만 보면 이해가 쉽게 되지 않는 부분을 visual aid를 가미하여 좀 더 쉽고 재미있게 CSS se..

* 출처 : https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io * 답안 참고 https://velog.io/@jaedie/CSS-Diner-%EC%99%84%EB%A3%8C%EB%8B%B5%EC%95%88%EC%9A%94%EC%A0%90%EC%A0%95%EB%A6%AC-13 CSS Diner 완료(답안/요점정리) (1/3) CSS selector 연습에 좋은 자료인 CSS Diner를 완료하고 요약 및 답안을 정리하려고 한다. CSS Diner는 코드로만 보면 이해가 쉽게 되지 않는 부분을 visual aid를 가미하여 좀 더 쉽고 재미있게 CSS se..