# 2019 11

8개의 포스트

css - transform

transform으로 할 수 있는 것들 translate, translate3d 위치를 이동시킴. css3에서는 3d도 지원 translate도 종류가 다양합니다. translate(x,y) image.png 출처 : translate() - MDN translateX(200px), y, z도 있습니다. 물론 음수로 보낼때는 왼쪽으로 이동합니다. (...

2019년 11월 20일
·
0개의 댓글

css - transition

css 프로퍼티를 변화시킬때 그 기간을 설정하여 동적인 효과를 내는 속성입니다. transition-property의 속성값에 all을 적으면 모든 변화를 transition에 적용합니다. 또한, 단일 속성만 transition 적용할 수도 있습니다. div위에 마우스를 올렸을때 width 변화만 transtion 적용한 예제 단계별로 transiti...

2019년 11월 20일
·
0개의 댓글

css - animation

css에서 animation 형태로 @keyframes 키워드를 통해 애니메이션이 어느 타이밍에 어떻게 변할지 정의한후, css의 animation프로퍼티를 이용하여 dom에 애니메이션을 적용합니다. @keyframs 정의 css의 animation프로퍼티를 이용하여 dom에 애니메이션을 적용합니다. 정리 자동으로 움직여야되는 형태는 animatio...

2019년 11월 20일
·
0개의 댓글

css - position

position: relative | absolute | fixed | static relative: 렌더링된 위치를 기준으로 top, right, bottom, left가 정해짐. absolute: 상위 요소의 위치를 기준으로 top, right, bottom, left가 정해짐. fixed: 브라우저 (0, 0)을 기준으로 top, right, bot...

2019년 11월 20일
·
0개의 댓글

네트워크 javascript - 프로그래머스

문제이해 간단한 DFS/BFS 문제입니다. DFS,BFS의 목적은 모든 노드를 한 번씩 방문하는 것입니다. 방문을 한 번씩 하려면 방문 했는지 기록해놔야합니다. 방문 했음을 기록할 check 배열을 노드의 개수만큼 만듭니다. 로직 i번 컴퓨터와 j번 컴퓨터가 연결되어 있으면 computeri를 1로 표현해놨음. 일단 모든 컴퓨터에서 DFS로 노...

2019년 11월 19일
·
0개의 댓글

타겟 넘버 javascript - 프로그래머스

문제이해 주어지는 숫자의 개수는 2개 이상 20개 이하입니다. 그리고 저는 모든 숫자에 + , - 부호를 붙여서 누적할 것입니다. 그 누적 값이 타겟 넘버와 같으면 answer를 1씩 증가해줄 겁니다. 로직 최대 20개의 숫자를 늘어놓고, 각 숫자를 뽑아서 + 부호를 붙여서 누적할지, -부호를 붙여서 누적할지 이 두가지 경우가 존재합니다. 즉 2^20가지...

2019년 11월 18일
·
0개의 댓글

폰켓몬 Javascript - 프로그래머스

문제이해 당신은 최대한 다양한 종류의 폰켓몬을 가지길 원하기 때문에, 최대한 많은 종류의 폰켓몬을 포함해서 N/2마리를 선택하려 합니다. N마리 폰켓몬의 종류 번호가 담긴 배열 nums가 매개변수로 주어질 때, N/2마리의 폰켓몬을 선택하는 방법 중, 가장 많은 종류의 폰켓몬을 선택하는 방법을 찾아, 그때의 폰켓몬 종류 번호의 개수를 return 하도록 ...

2019년 11월 9일
·
0개의 댓글

스킬트리 javascript - 프로그래머스

문제이해 스킬트리의 문제는 스킬이 "CBD"로 주어지면 C -> B -> D 순으로 스킬을 배워야 한대요. 로직 제가 생각한 풀이는 스킬들을 queue에 넣고 skill_trees들을 순차탐색하면서 스킬이 존재하고, 큐의 front에 있는 스킬인지 확인을 합니다. front에 없다면 실패로 바로 탐색을 중지합니다. 그리고 실패했을때는 가능한 스킬트리의 수...

2019년 11월 5일
·
0개의 댓글