본문 바로가기

분류 전체보기

(16)
[Chrome] 다른 출처 iframe에서 alert(), confirm(), prompt 기능 제외 최근에 Chrome이 업데이트하면서 해당 버전에 cross-origin의 iframe에서 alert나 confirm 같은 팝업창 기능이 제외된다고 발표했다. iframe이 무엇인지, 그리고 왜 해당 기능들이 제외 되는지를 알아보려고 한다. iframe이란? iframe은 inline frame의 약자로 현재 페이지에 다른 HTML 페이지를 삽입할 수 있는 HTML 태그이다. 해당 태그의 장점은 이런 방법으로 다른 페이지를 현재 페이지에 포함하게 되면 다른 페이지가 업데이트될 때 현재 페이지에 그대로 반영된다는 것이다. 따로 추가적인 작업을 할 필요가 없다. iframe으로 많이 사용되는 경우는 다음과 같다: 광고베너, 페이스북 좋아요 버튼, 유튜브 영상, 구글/네이버 지도, 등등 해당 결정에 대한 배경 ..
다날 개발직무 신입/경력사원 채용 면접 후기 휴대폰 결제로 유명한 다날이 웹 개발자를 채용한다는 공고를 올렸었다. 프론트엔드 직무도 있고 지원 자격도 괜찮아서 지원했다. 다날 채용 절차 모집 공고는 잡코리아에 올라왔었다. 그래서 지원할 때 잡코리아의 이력서와 자기소개서를 작성해서 제출했다. 그때 조금 생소했던 게 주어진 자기소개 문항들이 하나도 없었다는 것이다. 고민하다 결국에는 이전에 작성했던 기본적인 질문들을 조금 수정해서 제출했다. 추가로 셀프어필 영상을 선택으로 제출할 수 있었는데, 따로 앱을 설치해서 해야 했지만 서류접수 할 때 깜빡하고 하지 못했다. 비록 선택이었지만 영상을 제출하지 않았던 게 아쉬웠고 혹시나 이걸로 떨어지지 않을까 걱정을 하기도 했다. 결론적으론 서류전형에 통과했다. * 웬만하면 셀프어필 영상을 찍어서 제출하는 것을 추..
웅진 2021년 채용연계형 신입 인턴 채용 면접 후기 웅진 채용연계형 신입 인턴 채용에 지원했는데 서류전형에 합격했다🎉 그 다음 절차인 one-stop 면접을 준비하는 과정에서 면접에 대한 정보가 많이 부족하다고 느꼈다. 그래서 이번 글을 통해 면접 과정에 대해서 자세하게 소개하려고 한다. 웅진 채용 절차 웅진의 채용 절차는 위와 같다. 인턴십 최종 합격 시 3개월 동안 인턴을 하게 되고 최종 평가 후에 정규직 전환에 대한 여부가 결정된다. 인턴 기간과 정규직으로 전환되는 날짜가 구체적으로 명시되어 있었는데, 채용 프로세스가 대략 언제쯤 끝날지를 예상할 수 있어서 이 점이 좋았다. AI 역량 검사 💻 서류를 지원하고 나면 모든 지원자는 AI 역량검사를 치러야 한다. 제출 시 바로 보는 것은 아니고 하루 이틀 내로 AI 검사에 대한 안내 메일을 받게 된다. ..
[번역] 맥북 Zsh에 Git 자동완성 추가하기 아래 내용은 다음의 블로그를 번역한 것입니다: oliverspryn.medium.com/adding-git-completion-to-zsh-60f3b0e7ffbc 최근에 나는 shell을 기존에 사용하던 Bash에서 Zsh로 갈아탔고 내가 좋아하는 새로운 확장 기능(Powerlevel10k와 Meslo Nerd Font)을 설치한 후에 Bash에 있던 핵심 기능이 빠졌다는 것을 깨달았다. 그건 바로 Git 자동완성이다. 모든 사람이 brew가 설치되어 있어서 brew install bash-completion을 실행하고 관련 지시사항을 따를 수 없기 때문에, 어떻게 하면 Zsh에 Git 자동완성을 지원하는 데 필요한 shell 스크립트를 직접 설치했는 지를 소개하려고 한다. 관련된 파일 파악하기 Git ..
자바스크립트에서 자주 사용하는 고차 함수(forEach, filter, sort, map, reduce) - 2 일반적으로 반복문을 사용하려면 반복문을 어떻게 실행할지에 초점을 맞춰서 구현하게 된다. 따라서 반복문의 시작점 및 초기값인 counter, 반복문 멈추는 기준이 되는 exit condition과 끝나는 조건에 도달할 때까지 counter를 증가시키는 iterator를 가지게 된다. 즉, 반복문을 구현하려면 이 세 가지가 모두 필요하다. 이와 반대로 고차 함수를 이용한 반복문은 어떻게 실행할지 보다는 무엇을 할지에 초점을 맞춘다. 각각의 반복을 구체적으로 어떻게 진행할지를 명시하기보다는 원하는 결과를 얻기 위한 과정만을 제시한다. 이 둘의 차이점이 더 와 닿을 수 있도록 앞으로의 예제에서 일반적인 반복문(for, while)과 고차 함수를 이용한 반복문을 둘 다 보여줄 것이다. 그럼 이제, 알고 있으면 편..
자바스크립트에서 자주 사용하는 고차 함수(forEach, filter, sort, map, reduce) - 1 자바스크립트를 함수형 프로그래밍에 알맞은 언어로 만들어주는 특성이 바로 자바스크립트가 고차 함수 개념을 받아들인 다는 것이다. 따라서 고차 함수가 무엇인지 소개하고 앞으로 개발하면서 자주 사용하게 될 고차 함수들의 사용법을 설명하려고 한다. 고차 함수(Higher-Order Function)란? 고차 함수는 함수를 인자로 받거나 함수를 반환하는 함수를 말한다. 이때 다른 함수(caller)의 인자(argument)로 전달되는 함수를 콜백 함수(callback function)라고 한다. 콜백 함수를 전달받은 함수는 이 콜백 함수를 호출(invoke)할 수 있다. 조건에 따라서 콜백 함수의 실행 여부를 결정할 수 있고 여러 번 실행할 수도 있다. // 다른 함수를 인자로 받는 경우 function doub..
JavaScript란 이름은 어떻게 지어졌을까? "JavaScript? Java랑 관련 있나?" JavaScript를 처음 들어본 사람이라면 한 번쯤 생각해봤을 질문이다. 하지만 이것은 큰 오해다. 자바스크립트 Brendan Eich가 처음 언어를 만들었을 때는 이름을 Mocha라고 지었다. 추후에 Netscape사 안에서 사용될 때는 LiveScript라는 이름을 가지게 되었다. 하지만 공식적으로 언어를 알리고 이름을 정할 때는 JavaScript라는 이름이 선택되었다. 왜 자바스크립트라는 이름을 사용했을까? JavaScript라는 이름이 사용된 이유는 언어가 Java 개발자들을 타깃으로 하고 있었고 당시에 가벼운 프로그램을 지칭하기 위한 단어로 script가 많이 사용되었기 때문이다. 그리고 이 가벼운 "script"가 당시에 생긴 지 얼마 안 된..
글라디의 개발 블로그 드디어 블로그 시작! "블로그를 시작해야지"라고 마음먹고 글쓰기를 여러 번 시도했다. 글재주가 많지 않은데 잘 쓰고 싶은 마음에 어떻게 쓸지 고민하고 수정하느라 많은 시간을 들였다. 그러다 보니 오히려 공부하는 데 걸린 시간보다 블로그 글을 작성하고 정리하는 데에 시간이 더 걸리게 되었고 이 때문에 매번 미뤄왔다. 하지만 이러다가는 절대 시작하지 못할 것 같아서 죽이 되든 밥이 되든 일단 시작해보려고 한다ㅎㅎ.. 글의 주제는 주로 개발하면서 새로 학습하게 된 내용이나 트로블슈팅 한 내용을 정리하려고 한다. 그 외에도 가볍게 기록을 남기고 싶은 것도 글로 적어볼 생각이다. 최대한 읽고 이해하기 편하게 적어볼 것이다. Hope you enjoy :)