본문 바로가기

반응형

전체 글

(42)
우아한 테크캠프 4기 2차 코딩테스트 후기 우아한 테크 캠프 4기 2차 코딩테스트 합격 메일 발췌입니다. 6.23일 최종 발표가 나고 저는 결과적으로 불합격했습니다. 성장을 위해 회고하여 정리하고 다음 기수가 준비하는데 도움이 될 수도 있고 참고가 되기위해 적습니다. 혹시 자세한 설명으로 인한 유출 가능성이 있어 우아한 형제측에서 삭제 요청이 오면 바로 삭제하도록 하겠습니다. 2차 테스트는 구현 코딩테스트였습니다. 미리 예고를 하였고 요즘 프로그래머스에서 슬슬 보이던 과제 테스트 유형이라 어느정도 예상은 하였습니다. 프로그래머스 고양이 문제로 2일간 연습을 부랴부랴 하였습니다. 수요일 저녁 합격 발표가 나고 그 주 토요일 시험이어서 준비할 시간이 길지 않았습니다. 서비스를 만들어 본 경력이 조금은 있는 터라 솔직히 1차보다는 자신이 있었습니다. ..
Webpack에 대해 알아보자. 사실 아직은 개발을 하면서 Webpack이 무엇인지를 알지 제대로 사용해본 적이 없었습니다. 지금부터 Webpack에 대해서 제대로 알아봅시다! Webpack을 알아보기 전에 Grunt와 Gulp를 알아보면서 공부를 하면 좋은데 webpack이 나오게 된 이유를 Grunt와 Gulp에 대한 이해에서 찾아볼 수 있습니다. Grunt와 Gulp는 사람의 실수나 반복적인 작업을 줄이기 위한 자동화 툴입니다. 보통 CSS와 JavaScript 파일을 concat, minify, compress, uglify를 하는데 많이 사용합니다. 즉 사전에 필요한 반복적인 작업들을 간단한 작업만으로도 진행할 수 있습니다. 또한, 이들은 Nodo.js에서 사용할 수 있으며 여러 plugin을 활용할 수 있습니다. Grunt ..
Node js 자주 사용하는 미들웨어 nodejs 교과서를 통한 서버 공부중이다. 미들웨어 공부 중 자주 사용되는 미들웨어에 대해 정리해보았다. morgan 기존 로그 외에 추가적인 로그를 볼 수 있다. 요청과 응답에 대한 정보를 콘솔에 기록한다. morgan미들웨어는 다음과 같이 사용한다. app.use(morgan('dev')) 인수로 dev외에 combined, common, short, tiny 등을 넣을 수 있다.인수를 바꾸면 로그가 달라진다. 대체로 개발환경에서는 dev, 배포 환경에서는 combined를 사용한다. dev 모드 기준으로 GET / 500 7.409 ms - 50 은 각각 [HTTP메서드][주소][HTTP상태코드][응답속도] - [응답바이트] 요청과 응답을 한번에 볼 수 있어서 편하다. static static 미..
Event Loop에 대하여 일단 자바스크립트는 싱글스레드이다. 그렇기에 단 하나의 호출 스택(Call Stack)을 가지며 모든 함수들은 실행될 때 이 Call Stack을 거쳐서 호출된다. 하지만 자바스크립트가 동작함에 있어서 속도를 더 증가시키기 위해 비동기 함수가 존재한다. 대표적으로 setTimeOut, setInterval등이 있는데 이들은 비동기 함수로써 브라우저에서 웹 API로 동작하여 실행시킨 뒤 콜백을 event queue 에 등록시킨다. 그 이후 Call Stack이 비게되면 이를 event queue에서 Call Stack으로 밀어주게 되는데 이를 eventloop라고 부른다. Call Stack JS는 단 하나의 호출 스택을 사용한다. 이러한 특징 때문에 JS의 함수가 실행되는 방식을 "Run to Compl..
[Git] commit 을 잘못했을 때 저는 git을 gui보다는 cli를 즐겨 쓰는 편입니다. 좀 더 직관적이고 제가 다루는 맛이 있기 때문인데 여지껏 사용하면서 cherry pick 제외하고는 gui가 cli보다 편하다고 생각한 적이 없습니다. 아! 그래프 볼때는 git kraken이 짱이긴 합니다 ㅎㅎ 무튼! git을 사용하다 보면 가끔 원하지 않는 목록을 add, commit 할 때가 있습니다. 예를 들면 1. gitignore에 node_modules를 추가하지 않았을 때 (지금 바로 이 글을 쓰고 있는 이유) 2. 혹은 lock 파일을 넣었을 때, 3. 해킹 위험이 있는 secret key를 commit 했을 때, 4. commit 내용을 조금 더 추가해서 넣고 싶을 때 5. commit 메시지를 변경하고 싶을 때 등이 있는데 이럴..
우아한 테크캠프 4기 1차 코딩테스트 후기 우아한 테크 캠프 4기 후기 글 입니다. 6.17일 아직 전형 진행 중이며 면접 결과를 기다리는 중 입니다. 결과가 어떻게 될지 모르지만 결과를 기다리며 기록을 위해 남겨놓습니다. 다음 기수가 준비하는데 도움이 될 수도 있고 참고가 되며 좋은 결과가 있으면 좋겠습니다. 혹시 자세한 설명으로 우아한 형제측에서 삭제 요청이 오면 바로 삭제하도록 하겠습니다. 21년도 우아한 테크 캠프 4기 공식 페이지 안내 포스터 입니다. 우아한 형제들의 신입 개발자를 채용하는 교육형 인턴 방식 채용이며 요즘 추세 답게 코딩테스트 2번을 보고 면접까지 뚫어야 교육을 받을 수 있는 기회를 얻습니다. 작년 기준으로 30명 뽑는데 총 1400명이 지원했다고 하니 그만큼 경쟁이 치열하고 선발되기 쉽지 않습니다(약 47대 1). 하지..
Npm vs Yarn Package manager를 선택을 고민하시는 분들은 한번 읽어보시면 좋을 것 같습니다. Yarn과 npm 비교한 글로 ryan이라는 ryadel에 많은 글을 보유한 웹 개발자가 쓴 글을 토대로 적어보겠습니다. 10.6K 정도의 사람들이 읽었습니다. ( 댓글 수나 Like, Star, Clap은 높진 않네요) 다른 글도 많지만 19년 7월 가장 최근 글이라 택하였습니다. 저의 경험으로 미루어보면 처음 시작할 때는 npm으로 시작하였습니다. 하지만 많은 사람들의 Yarn을 사용하였고 왜 쓰는지 물어보면 "Cool하다" 라고 애기를 하였습니다. 그 "Cool"을 알아보기 위해 사용해보았는데 성능상의 차이는 크게 나지 않았습니다. 하지만 "Cool" 함의 체감은 어느 정도 체험했습니다. 굳이 비유를 하자면 ..
웹 프론트엔드 개발자 어떻게 준비해야할까를 읽고 해당 글을 읽고 내용정리를 해보았다. 웹 프론트엔드 개발자, 어떻게 준비해야 할까? 코드스쿼드 윤지수 입니다 codesquad-yoda.medium.com 웹 프론트엔드 개발자, 어떻게 준비해야할까? by 윤지수님 글 이 글이 웹 프론트 개발자를 준비하는 분들에게 기존과 다른 학습방법에 대해서 고민하는 기회가 되길 바란다. 먼저 이 글에서 정의하고 있는 웹 프론트 개발자는 "주로 브라우저에서 동작하는 Javascript 개발을 하고 가끔 HTML, CSS까지 해야하는 개발자"를 뜻한다. 현장의 웹 프론트엔드 개발 서비스 개발에서 중요한 특징 세가지를 뽑으면 협업 & 커뮤니케이션 코드 퀄리티 유지보수성 이다. 프론트 엔드는 개발자, 기획, 디자이너와의 중간에 껴서 협업과정이 더 어렵고 힘들다. 백엔드 개발..

반응형