Bleeding edge

https://programmers.co.kr/learn/courses/30/lessons/49994 코딩테스트 연습 - 방문 길이 programmers.co.kr 한.. 2~3주만 다시 풀고 푼 문제 function solution(dirs) { let now = [0,0] let road = new Set(); for(let i = 0; i-5){ now = [now[0]-1, now[1]]} } if(str==='R'){ if(now[0] b , b -> a와 같이 왔다 갔다하는 것 같은 경우에는, 두개다 넣고 반을 나누는 것으로 해결했다.

첫 번째 벽이 생겼다.. javascript 로 web component를 써보고 싶었는데, web component의 개념을 잘못 알고 있었던거같다. 내가 web component를 javascript의 개념은 https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Component/ Vanilla Javascript로 웹 컴포넌트 만들기 | 개발자 황준일 Vanilla Javascript로 웹 컴포넌트 만들기 9월에 넥스트 스텝 (opens new window)에서 진행하는 블랙커피 스터디 (opens new window)에 참여했다. 이 포스트는 스터디 기간동안 계속 고민하며 만들었던 컴포넌트 junilhwang.github.io 이 주소에서 ..

https://programmers.co.kr/learn/courses/30/lessons/12981 코딩테스트 연습 - 영어 끝말잇기 3 ["tank", "kick", "know", "wheel", "land", "dream", "mother", "robot", "tank"] [3,3] 5 ["hello", "observe", "effect", "take", "either", "recognize", "encourage", "ensure", "establish", "hang", "gather", "refer", "reference", "estimate", "executive"] [0,0] programmers.co.kr 어려운 문제는 아니어서 안올릴까 했었는데 문제가 재밌어서... function sol..

https://programmers.co.kr/learn/courses/30/lessons/77885 코딩테스트 연습 - 2개 이하로 다른 비트 programmers.co.kr 총 3회를 풀이했다. 1회차때랑 3회차때 풀이는 유사했으나, 2진수일때의 111과 같은경우 자리수 추가되는 경우를 생각안했었다. 2회차때는, 풀이는 괜찮았으나 시간초과가 떴었다. 2회차의 플로우는 나쁘지 않았으나.. while문을 써서 돌리는건 아무래도 시간이 많이 걸리다보니.. 마지막 두테스트케이스를 통과를 못했었다. 2회차 풀이 function solution(numbers) { var answer = []; numbers = numbers.map((element, index)=> make(element) ) return nu..

https://codevilot.github.io/IFBAEMIN/ Document codevilot.github.io 내가 만일 배민에서 일했다면?! 이라는 사이드 프로젝트이다. readme에 어떤 기술을 넣을지 차차 채워넣을 계획이고, 여기에도 생각나는대로 하나씩 뭘해서 좋았다나 어떤식으로 할거다를 넣을꺼다. 우선 넣을 것은 web Component이다. 사이트는 깃페이지를 쓰기 때문에 정적인 페이지의 한계가 조금 있을꺼같아서 넣고싶은게 많더라도 제한사항이 좀 있지 않을까 생각중이다. IF 시리즈에서 사용하게 될, before after는 자주 사용할꺼같으니 module화시켜서 하나 만들어두면 좋을꺼 같다. 요약 1.web component 넣을것 2.before after module화 시킬것

사이드 프로젝트를 시작해야겠다라고 생각을 한 일주일정도 하다가 어떤걸 할까? 고민하고 어떤 스택을 사용할까(해봐야 할 수 있는게 아직은 많지않지만) 시간은 얼마나 쓸까 생각을 해봤었는데.. 사이드 프로젝트 회고 게시판을 만들었다. Free talk에 쓸까하다가 Free talk에 넣기엔 너무 뭔가 쓸데없는 글과 섞일꺼같구 그리고 좀 더 사이드 프로젝트에만 쓰고싶은 글을 쓰고싶다. 사이드프로젝트는 제로베이스에서 정해준게 아닌이상, 1.내가 여기에서 일을 한다면 어떤걸 더 넣고싶다 2.내가 이건 잘 못하는데를 이 사이드 프로젝트로 공부하고 싶다에 중점적으로 넣어서 할 것 같다. 아마 첫 프로젝트에는 저번에 제로베이스에서 줬었던 web component를 좀 더 많이 써볼 계획이다. 이유는? 저번에 web c..

https://programmers.co.kr/learn/courses/30/lessons/42746 코딩테스트 연습 - 가장 큰 수 0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요. 예를 들어, 주어진 정수가 [6, 10, 2]라면 [6102, 6210, 1062, 1026, 2610, 2106]를 만들 수 있고, 이중 가장 큰 programmers.co.kr function solution(numbers) { let list = [] for (let i = 0; i b.concat(a) - a.concat(b)) le..

프로젝트를 하다보면 settimeout을 쓰더라도 이벤트가 두번 발생하는 경우가 있었는데 이를 사용하면 해결될꺼같다. 보통 이 둘을 배울 때, 같이 배우는데 둘의 용도와 사용방법이 다르다. 우선 둘의 뜻을 알아보자 debounce : de-는 not을 뜻하며 bounce는 튀어오르다. 즉 못튀어오르게 막는걸 이야기한다. 자바스크립트에서의 디바운스는, 이벤트 발생이 많을 때 가장 마지막 이벤트만을 실행시킨다. 뜻 자체는 목을 조르다이다. 벨브를 조여서, 유체의 흐름을 제한하는 걸이야기한다. 자바스크립트에서의 쓰로틀은 이벤트 발생이 많을 때 특정 밀리세컨드 동안 이벤트를 차단하고 단 한번만 실행시킨다​​. 둘이 같은거 같지만 debounce는 시행횟수, throttle은 시간에 관련된 제어방법이라 보면좋다...

FE 면접 질문을 검색하다보면, 종종 이벤트 버블링, 이벤트 캡쳐링에 대한 질문이 나온다. 마침 공부하던 영상에서 나왔고, 실제로 혼자 토이프로젝트를 만들다보면 만나던 이슈가 바로 이거였다니..!!하고 봐서 너무 신기하고 반가웠던 개념이었다. 버블링과 캡쳐링에 앞서서, 지금 버블링과, 캡쳐링에 이야기하는 셀렉터는 꼭 이 셀렉터가 아니라, depth위치를 기준으로 하위 셀렉터인지 상위 셀렉터인지를 구분하기위해 이야기를 하는 것이다. 예시 li를 누르면 ul에! 라고 할 때는, li가 하위 ul를 상위와 같은 관계에 있다면 div 안의 div에서도 같게 적용된다. Event bubbling : li를 눌렀는데 ul, header , body 즉, 상위 요의 셀렉터에 이벤트(클릭이나 마우스 다운과같은)가 전달..