728x90
반응형

javascript 34

2017 카카오 신입 공채 1차 코딩테스트 문제 풀이 (1번)

문제 설명 1. 비밀 지도(난이도: 하) 네오는 평소 프로도가 비상금을 숨겨놓는 장소를 알려줄 비밀지도를 손에 넣었다. 그런데 이 비밀지도는 숫자로 암호화되어 있어 위치를 확인하기 위해서는 암호를 해독해야 한다. 다행히 지도 암호를 해독할 방법을 적어놓은 메모도 함께 발견했다. 지도는 한 변의 길이가 n인 정사각형 배열 형태로, 각 칸은 “공백”(“ “) 또는 “벽”(“#”) 두 종류로 이루어져 있다. 전체 지도는 두 장의 지도를 겹쳐서 얻을 수 있다. 각각 “지도 1”과 “지도 2”라고 하자. 지도 1 또는 지도 2 중 어느 하나라도 벽인 부분은 전체 지도에서도 벽이다. 지도 1과 지도 2에서 모두 공백인 부분은 전체 지도에서도 공백이다. “지도 1”과 “지도 2”는 각각 정수 배열로 암호화되어 있다...

응용알고리즘 - 자료구조 (선택정렬)

문제 // 응용알고리즘 - 자료구조 // 선택정렬 // 문제 // 5개의 수치 자료를 입력받아 배열에 저장한 후 저장된 자료를 오름차순으로 정렬하는 순서도를 작성하시오 // 선택정렬은 1회전때 A[i]의 자료와 A[i+1], A[i+2], A[i+3] 의 자료를 비교해 정렬 // 2회전떄는 A[i+1] 의 자료와 A[i+2], A[i+3] 의 자료를 비교하여 정렬 // 회전수가 올라갈수록 정렬하는 횟수는 -1씩 줄어들어간다 변수설명 DATA[5] : 정렬할 숫자가 저장될 배열 M : 입력 받는 숫자의 개수가 저장될 변수 i : 정렬 회전수, 비교 기준값이 있는 위치를 지정해 주는 변수, 즉 i 는 1~9까지 차례로 변경 J : 비교대상이 있는 위치를 지정해 주는 변수, 즉 J = i+1 에서 10까지 차..

[웹] 인프런메인페이지 구조짜기 - JAVASCRIPT[2]

이제 자격증시험까지 얼마 남지 않아서 작업물 포스팅에는 조금 딜레이가 생길것같다. 암기해야할게 너무 많은데 외워지지도 않고....60점만 넘으면 되는데 그래서 오늘은 슬라이드 버튼부분 조금 손본거랑 돋보기 아이콘 클릭시 검색창이 뜨는 기능을 추가하였다. Slide Script let prev = document.querySelector('.arrow-left'); let next = document.querySelector('.arrow-right'); let slideList = document.querySelectorAll('.test'); var count = 0; next.addEventListener('click', nextSlide ); function nextSlide() { if(count..

[웹] 인프런메인페이지 구조짜기 - JAVASCRIPT[1]

인프런메인페이지 구조짜기에서 html 과 css 는 얼추 마무리되었고, 이제 javascript 를 적용해볼 차례다. 우선 상단 배너안에있는 Carousel 을 움직이도록 해보려고 한다. 바로 이부분이다. 하나만 제대로 완성해 놓으면 하단의 다른 슬라이드에도 함께 적용이 가능하다. 우선 생각나는대로 짜보고 수정과 리팩토링을 거치면서 동작되는걸 확인해 보려고 한다. html 에서의 변화는 기존 li 구성이 4개에서 슬라이드를 확인할 수 있도록 6개로 늘려주었고 css 에서는 ul 의 범위를 넘어가면 가리는 속성추가와 높이값 추가 그리고 부드러운 움직임을위해 transition 속성을 추가하였다. .slide-area ul{ width:340px; height:65px; overflow: hidden; ma..

728x90
반응형