Bleeding edge

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 즉, 상위 요의 셀렉터에 이벤트(클릭이나 마우스 다운과같은)가 전달..