글

라벨이 프론트개발자인 게시물 표시

개발팀장이 되면서 겪게된 점들 1

이미지
                                                         <팀원을 모집하기 위해 고군분투하는 모습이다. > 첫 한달  개발팀장을 맡다 2021년 5월 , 기존에 있던 CTO분이 휴직(개인사)을 하게 되면서    개발에 대한 모든 권한을 내게 일임하였다.   개발에 대한 모든 의사결정을 전부 내게 맡긴 것으로 ,   어느 정도 규모가 있는 회사의 의사결정권한을 갖게 된 것은 그만큼 내게 큰 신뢰가 있었음을   알수 있게해주는 대목이었다. 그러나 전혀 예측하지 않았던 상황이기에 준비가 되어있지 않았던만큼 처음에는 삐걱거렸다. 가장 첫번째로 어려움을 겪었던 것은 업무의 배분이었다.   관리자가 되니까 해야할일은 업무를 만들고 또 그것을 팀원들에게 분배하고 잘 되고있는지 취합하고 관리감독을 하는것이었다.   군 시절 장교로 복무하면서 겪어봤던 일이긴 했지만, 군복무 당시에도 그닥 잘 하지는 않았던 것 같다.   그럼에도 어쨌든 전반적인 시스템을 이해하고 있었고, 어떻게 구현해야할지에 대해서는 어느정도 경험이 쌓여있었기때문에 큰 문제가 없을 줄 알았다.   실무자로 일을 할 때에도 항상 업무를 받아서 하지는 않았다. 스스로 돌이켜보건대, 나는 주어진 업무가 없으면 스스로 만들어서 제안하고 기획하여 업무를 진행했다.  조그마한 스타트업이었던 첫 회사에서부터  내가 할일은 내가 만들어서 곧 잘했다. 어떤 큰 방향만 정해져있다면 그건 큰 어려움은 아니었다. 나에게 일은 항상 있었다.   매니저가되면서 달라진게...

프론트개발자 면접 준비/ 공부 4

이미지
Testing Questions: 테스팅에 대해서는 사실 공부가 제일 필요한 곳이다. 관련서적도 읽어볼 필요가 있고, 사실 지금까지 작업하면서 테스팅을 제대로 해본적이 없는 것이 사실이다. 어쩌면 크게 필요성을 못느껴서 찾아보지 않은 것도 있을 것이다. 디버깅과 테스팅작업이야 말로 생산성을 급격히 높일 수있는 방법일 텐데....  이 부분은 큰 취약점임에는 분명하다.  What are some advantages/disadvantages to testing your code? What tools would you use to test your code's functionality? What is the difference between a unit test and a functional/integration test? What is the purpose of a code style linting tool? Performance Questions: What tools would you use to find a performance bug in your code? js관련 질문에서 나왔던 것이랑 겹치는 것 같은데, 지금은 크롬 개발자 도구, 개발툴 (VS code)를 이용할 뿐이다 .  What are some ways you may improve your website's scrolling performance? https://www.html5rocks.com/en/tutorials/speed/scrolling/ Explain the difference between layout, painting and compositing. Network Questions: Traditionally, why has it been better to serve site assets from multiple domains? 속도의 문제이...

프론트개발자 면접 준비/ 공부 5

이미지
Coding Questions: Question: What is the value of  foo ? var foo = 10 + ' 20 ' ; 형변환 (자바에서는 casting이라고 하던데) 에 대한 질문이다. 답은 1020이다. 숫자는 문자열을 만나면 문자열로 변하게 된다. 문자열을 숫자로 변환하고 싶다면 따로 파싱해주는 메소드를 사용해야 한다.  Question: How would you make this work? add ( 2 , 5 ); // 7 add ( 2 )( 5 ); // 7 function   add ( operand1 ,  operand2 ) {      let   memo ;      if  ( operand1  &&  typeof   operand1  ===  'number' ) {          if  ( operand2  &&  typeof   operand2  ===  'number' ) {              memo  =  operand1  +  operand2 ;              console . log ( memo );         }  else  { ...

프론트개발자 면접 준비/ 공부 3

이미지
JS Questions: Explain event delegation Describe event bubbling. 직역하면 이벤트 위임이라는 것으로 해당 엘리먼트보다 상위 엘리먼트에 이벤트를 달아놓는다.  이벤트 버블현상을 이용해 상위 엘리먼트에서 원하고자하는 객체에서 일어났는지를 판단하는 로직을 넣어 이벤트를 실행하게 해주는 것이 그 원리!  이벤트 버블링은 자식객체에서 이벤트가 발생하면 부모객체로 이벤트가 전달된다는 의미로 이벤트 처리기가 바로 위 엘리먼트들까지 달달 볶는듯한 느낌이다.  Explain how  this  works in JavaScript What is a closure, and how/why would you use one? https://studystorage.blogspot.kr/2017/03/javascript-this-1.html 블로그로 잘 정리한적이 있어서 이것으로 대체! 클로저도 같이 설명을 했는데 왜쓰냐는 질문에는 이렇게 답할 수 있겠다. 캡슐화에 아주 유용하게 쓸 수 있기때문! 프라이빗을 구현할수가 있기때문이다.  Explain how prototypal inheritance works 프로토타입을 이용한 상속과정을 설명하라는 것인데 이것은 꼭 공부할만한 가치가 있다! What do you think of AMD vs CommonJS? https://studystorage.blogspot.kr/2017/03/webpack-javascript.html webpack을 조사하다가 크게 연관성이 있는 것을 확인했다. 이 정도만 알아도 충분 할것 같다. Explain why the following doesn't work as an IIFE:  function foo(){ }(); .   즉시실행함수에 대한 질문이다. 구글링을 해도 답이 명확하게 나오지는 ...

프론트개발자 면접 준비/ 공부 2

이미지
계속해서 질문에 대한 답변을 공부하자. 이번에는 html에 관련된 질문들이다! HTML Questions: What does a  doctype  do? 말그대로 Document Type을 말한다. 문서의 종류를 말하는 것이다. HTML 4.01 HTML5 XHTML 등 여러가지 문서타입이 존재하는데, 문서가 다르면 브라우저가 표현하는 내용도 확연히 달라지기 때문이다.   Document Type Definition (DTD) 라는 것은 문서타입을 선언한다는 의미이다.  What's the difference between full standards mode, almost standards mode and quirks mode? 과거의 잔존물이라고 봐도 될까? 과거 W3C가 웹표준을 만들었을 때, 기존에 쓰고 있던 브라우저들이 새로운표준을 따르지 않았다고 한다. 그래서 기존 브라우저들을 위한 quirks mode 가 있고, 새로운 표준인 full standards mode가 있다고한다. almost standards mode는 단어 그대로 몇몇 부분만 기존브라우저와 호환되는 형식이라고 보면 된다.  W3C가 1994년 10월에 창립된 것을 미루어볼때, 이미 20년이 넘는 세월이 흘렀다. 손에들고다니는 컴퓨터가 만연한 이 시대에 과연 의미가 있는 것인지 생각해본다. What's the difference between HTML and XHTML? XHTML은 XML을 기반으로 한 마크업 언어이다. 일반 HTML보다 XHTML이 훨씬더 엄격하고 정교한 문법을 갖는다고 한다.  어떤면에서 더 정교할까 첫째, Doctype이 명시되어야 할것 둘째, html 태그에 xmls 속성도 필수! 셋째, html head title body 태그도 필수! 넷째, 요소에 내용이 없더라도 꼭 닫힘이 명시될것! 이런식으로 되어있...