본문 바로가기

전체 글291

[프로그래머스]해시-위장 문제 풀이 programmers.co.kr/learn/courses/30/lessons/42578?language=javascript 코딩테스트 연습 - 위장 programmers.co.kr 1. 종류별로 구분한다. 2. 종류1 2개, 종류2 1개 인 경우를 생각해보자. 2.1 종류1에서 하나를 뽑거나 안 뽑을 수 있다. 따라서 경우의 수는 하나를 뽑는 경우는 두 가지 + 안 뽑는 경우는 1 =>3 2.2 종류2에서 하나를 뽑거나 안 뽑을 수 있다. 하나 뽑는 경우는 한 가지 + 안 뽑는 경우 1 => 2 2.3 2.1의 경우의수와 2.2의 경우의 수를 곱하면 3*2인 6이 된다. 즉, 종류 1에는 {"a","b"}, 종류 2에는 {"z"} 가 있었다고 하면 위에서 가정한 조합은 다음과 같다. {"a", "b" ,.. 2021. 1. 3.
vue2.0 이해를 위한 추천 사이트 vue2.0 공식 문서에서 이해가 더 필요한 것들이 생겼을 때 읽어보면 좋을 사이트 추천 특히 2.0 공식 문서의 lifecycle hook은 이해가 조금 어려워서 추가적으로 읽어보면 이해에 도움이 될 것이다. 1. learnvue lifecycle hook과 computed 등 디테일한 설명이 들어있어서 좋다. learnvue.co/2019/12/a-beginners-guide-to-vuejs-lifecycle-hooks/ A Beginner’s Guide To VueJS Lifecycle Hooks – LearnVue VueJS Lifecycle Hooks seem like a pretty easy concept, and they are! But making sure you’re putting cod.. 2020. 11. 15.
비동기, Promise JS로 개발이 어느 정도 되면 비동기 코드들이 사용된다. 비동기란 get('naver.com') 같은 것을 하는 코드가 있을 때 요청을 날리고 다음 코드 실행으로 넘어가는 방식이다. console.log("hello") get('naver.com') console.log('bye') 라는 세 줄의 코드가 있을 때 get에 대한 응답이 날라오기 까지 5분이 걸린다고 해보자. 만약 get의 응답이 날라오기 전까지 다음 라인을 실행하지 못한다면 'bye'가 5분 뒤에 콘솔에 찍힐 것이다. get의 응답을 받는 것이 이후 코드에 선행되어야 하지 않는다면 get의 응답이 오기 전까지 기다리느 것이 아니라 이후 코드를 실행하면 될 것이다. 요청을 날리고 -> 'bye'를 찍고 -> 요청이 5분 뒤에 응답이 올 것이.. 2020. 11. 8.
자주 쓰는 서브메뉴창 분석: html 구조 및 css 아래와 같은 화면에서 모델을 누르면 하위 메뉴창이 나오게 하려면 어떻게 해야할까? 답은 다음과 같은 구조이다. box_tab 에 position: relative를 주고 현대, 모델, 세부모델 div를 box_tab 자식으로 둔다. 각각 텍스트, 메뉴창을 자식으로 줘서 관리한다. 현대 메뉴창 내용 ... 와 같은 형식이다. id="list"에 대해서는 position absolute를 줘서 box_tab을 기준으로 위치 시킨다. 이를 통해서 간단한 구조로 메뉴창 위치를 잡을 수 있다. 실제로 위 코드를 분석해보려면 엔카 사이트를 들어가보면 된다. 토글되는 방식은 자바스크립트를 이용해서 동적으로 바꿔주면 된다. 여러 방법이 있으니 javascript click toggle example로 검색해서 예제를 .. 2020. 10. 11.

티스토리툴바