분류 전체보기 검색 결과

해당 글 144건

[제이쿼리] 스크롤 방향에 따라 슬라이드 되는 헤더 만들기

동작 원리 사용자의 스크롤이 아래로 향한다면 콘텐츠를 탐색하길 원하는 것이라 간주하고 헤더부분을 감추고, 스크롤이 위로 향한다면 처음으로 돌아가거나 네비게이션을 찾아 이동하는 것으로 간주하여 헤더부분을 재등장 시키는 원리이다. 헤더 요소에 position: fixed 를 설정한다. 스크롤 방향이 아래로 향한다면 헤더 요소에 클래스를 추가하고 이 클래스에 의해 헤더가 위로 사라진다. 스크롤 방향이 위로 향한다면 추가한 클래스를 제거하여 헤더 요소가 재등장한다. HTML CSS body { padding-top: 40px; // 헤더 높이만큼 여백부여 } header { position: fixed; top: 0; left: 0; width: 100%; height: 40px; background: #f5b..
IT/제이쿼리 2020. 3. 2. 00:08

[CSS] calc() 함수 사용법

calc() 란? calc()는 괄호 안의 식을 계산한 결과를 속성값으로 사용하게 해주는 함수입니다. 반응형이나 모바일 코딩을 하다 보면 %로 값을 주기가 애매한 것들이 있습니다. 이러한 것들을 float이나 position absolute 또는 fixed를 사용하거나 정확한 px 값을 지정하여 미디어 쿼리를 사용하여 해상도별로 나누어 해결하곤 하는데, calc() 함수를 사용하여 값을 쉽게 지정해 줄 수 있습니다. font-size: calc( 10px + 10px ); calc()함수 사용 검사버튼 삭제버튼 calc() 함수는 width, height, margin, padding 값을 사칙연산자를 이용하여 표현할 수 있습니다. 각각 사용방법을 알아보겠습니다. float값으로 width값의 %를 나누..
IT/CSS 2020. 2. 26. 19:45

[영어]"기생충" 통역가 샤론 최의 통역 비법 "Parasite" Director Translator Sharon Choi

황금종려상 수상, 한국 최초 프랑스 박스오피스 1위, 한국 영화 역대 월드와이드 최고 흥행, 한국 영화 최초 골든 글로브 외국어영화상 수상 등 엄청난 기록을 낸 기생충! 봉준호 감독님도 핫하지만, 현지에서 통역을 도와준 샤론최에 대한 관심도 대단한데요. 샤론 최는 봉준호 감독의 추상적인 말을 정확하게 전달하면서 농담 하나도 놓치지 않고 전달하는가 하면 알아듣기 쉬운 문장을 구사해 전문 통역가들로 부터 찬사를 받기도 했습니다. 한 동안 봉준호 인터뷰하는 영상을 무한 반복해서 듣기도 했는데 혼자 듣기 아까워서 포스팅하게 되었습니다. 봉준호 : 배우들이 최대한 편하게 해주고 싶다. 살아서 날뛰는 물고기처럼 만들어주고 싶은데… 샤론최 : I want actors to feel as comfortable as p..
영어/문장 2020. 2. 23. 18:48

[자바스크립트 함수] parseInt/ parseFloat 함수

parseInt 함수 문자를 정수로 변환 parseFloat 함수 문자를 유리수로 변환 function () { var test1 = '1000원'; var test2 = '3.14$'; var test3 = '$3.14'; alert(Number(test1)); //문자열에 숫자가 아닌 다른 문자가 포함될 경우 NaN이라고 표시합니다 //NaN alert(parseInt(test1)); //test1에서 원을 빼고 1000까지 가져옵니다 //1000 alert(parseFloat(test2)); //유리수까지 포함하기 때문에 소수점 자리까지 가져옵니다 //3.14 alert(parseFloat(test3)); //paseInt,parseFloat도 처음 시작이 문자로 시작하면 NaN을 반환합니다 //N..
IT/자바스크립트 2020. 2. 19. 21:47

[자바스크립트 문제풀이] 배열 명단에서 중복이름 제거 및 오름차순 정렬하기

[문제] 이유덕,이재영,권종표,이재영,박민호,강상희,이재영,김지완,최승혁,이성연,박영서,박민호,전경헌,송정환,김재성,이유덕,전경헌 주어진 문자열(공백 없이 쉼표로 구분되어 있음)을 가지고 아래 문제에 대한 프로그램을 작성하세요. 김씨와 이씨는 각각 몇 명 인가요? "이재영"이란 이름이 몇 번 반복되나요? 중복을 제거한 이름을 출력하세요. 중복을 제거한 이름을 오름차순으로 정렬하여 출력하세요. [정답] function cynap1() { var kim = 0; var lee = 0; for (var i=0; i
IT/자바스크립트 문제 풀이 2020. 2. 17. 21:58

[자바스크립트 문제풀이] 3과 5의 배수 총합 구하기 (Multiples of 3 and 5)

[문제] 10미만의 자연수에서 3과 5의 배수를 구하면 3,5,6,9이다. 이들의 총합은 23이다. 1000미만의 자연수에서 3,5의 배수의 총합을 구하라. Multiples of 3 and 5 If we list all the natural numbers below 10 that are multiples of 3 or 5, we get 3, 5, 6 and 9. The sum of these multiples is 23. Find the sum of all the multiples of 3 or 5 below 1000. [정답] var result = 0; for( var i=1; i
IT/자바스크립트 문제 풀이 2020. 2. 17. 21:25

[자바스크립트] 여행 준비물 점검 목록 만들기

여행 준비물 점검 목록 만들기 여행 준비물을 챙겼는지 점검할 수 있게 챙겨야 할 물건의 목록을 보여주는 프로그램을 만들어 봅시다. 작업순서 배열 만들기 챙길 물건 배열에 추가하기 추가한 내용 화면에 표시하기 챙긴 물건 목록에서 삭제하기 1. 빈 배열 만들기 사용자가 추가할 준비물을 담아 놓을 빈 배열을 만든다 var itemList = []; 1-1. 추가버튼 var addBtn = document.querySelector("#add"); addBtn.addEventListener("click", addList); // addBtn.onclick = addList; 라고 해도 됨 2. 입력한 준비물 목록 배열에 추가하기 빈 배열에 준비물을 추가하는 함수를 만든다. function addList() { v..
IT/자바스크립트 2020. 2. 13. 23:22