본문 바로가기

Dev.23

프론트엔드 개발자 / 퍼블리셔 에게 면접때 할 질문 UPDATE 2021 Q. 인턴경험이 있나요? A. Q. 경험해본 개발 프로젝트중에 가장 본인에게 의미있던? 프로젝트에 대해 이야기 해주세요. A. Q. 지향하는 개발자의 이상향이 어떻게 되십니까? 프론트/백/풀스텍 A. Q. PHP 를 사용한 커뮤니티를 하나 만든다고 가정해보고, 백엔드부터 프론트엔드까지 사용할 기술스택을 한번 나열해보세요. A. Q. 서버를 사용해본적이 있습니까? A. Q. 유지보수와 신규개발중 어느쪽이 본인에게 더 잘맞는것 같습니까? A. Q. API가 뭔가요? REST API 를 만들어 본적이 있습니까 A. Q. HTTP 응답 코드가 뭔지 아시나요? 외우고 있는 코드가 있나요? A. Q. 프론트엔드 개발과 백엔드 개발의 구분점은 어디쯤일까요? A. 저는 웹개발자 이다 보니, 자바스크립트의 발전을 최근 .. 2020. 12. 7.
프론트엔드 개발자 / 퍼블리셔 면접에서 질문한것들 면접자의 스킬 인벤토리 - git, SSH, Terminal, REST API, json 등의 웹 개발기반 지식 - Node.js 를 통한 웹 개발 - php Laravel 유지 보수/기능 추가 경험 - AWS 를 이용한 서버 아키텍팅 경험 - Swift 를 이용한 iOS 앱 개발 경험 - Java 를 이용한 안드로이드 앱 개발 경험 우리회사가 사용하는 스킬/서비스 저희는 현재 python 과 Flask 를 사용중입니다. 중국인 개발자분은 WeChat 미니프로그램도 개발을 연구하고있습니다. 위챗 미니프로그램은 리액트/뷰 와 구조가 비슷해서 향후에 리액트로 프로젝트를 진행할떄도 도움이 될것으로 예상하고 있습니다. 서버는 AWS를 적극적으로 사용하려고 하고 있구요. Rest API 구축을 위해서 람다를 사용.. 2020. 3. 8.
신입 프론트엔드 개발자 , 퍼블리셔 에게 면접때 질문할 내용들 가끔 발생하는 웹 퍼블리싱 이슈를 해결하고, React와 React-Native 개발자로 일을 하게 될 주니어 프론트엔드 엔지니어를 뽑기 위한 기술면접. 퍼블리셔와 프론트엔드개발자는 어떤차이가 있는것 같습니까? - JS프레임워크에 관한 이야기를 하면 좋겠다. 포토샵을 사용할 줄 아는지? - 기본적인 포토샵 사용능력은 있어야 서로 편함 - 필수 디자이너가 아이콘이나 이미지요소들을 안뜯고 PSD파일만 줘도 작업이 가능하신가요? - 디자인팀에 업무가 몰리면 이런 일이 발생할 수 있으니 처리가능한 수준인지 체크 - 필수 Float 를 써서 영역이 사라졌을때 어떻게 해결할수있을까요? - 무조건 할줄 알아야함.. - 필수 Flex 레이아웃 을 사용해보았나요? - 리액트 네이티브를 사용하기 위해서 반드시 알아야 하는.. 2018. 10. 25.
Sass 를 이용한 CSS 작성과 Gulp 를 이용한 일괄처리에 대한 가이드 (3) - Gulp 환경설정 연례행사로 Gulp 와 Sass 의 가이드를 작성하다보니 2년전에는 가이드가 거의 없었는데 지금은 검색해보니까 좋은 가이드들이 아주 넘쳐난다. 그래서 ㅇㅣ제 이 글은 더 이상 작성하지 않기로... 나는 게을러서 블로그에 트렌디한 글 쓰는건 안해야겠다... 죄송합니다... 2018. 9. 5.
Sass 를 이용한 CSS 작성과 Gulp 를 이용한 일괄처리에 대한 가이드 (2) - Sass 설치 및 실행 드디어, 두번째 가이드를 작성하게 되네. 1년이 넘는 시간동안 Js 프론트엔드 기술에 많은 발전이 있었고, Guard / Grunt 는 점점 사용을 덜하게되고, Gulp / Webpack 의 사용은 점점 늘어나는것 같다. 차후에는 웹팩을 이용한 일괄처리도 다루어 봐야겠다. 먼저 오늘은 Sass 를 컴파일하기 위한 환경설정을 해보려고 한다. 아주간단하므로 스크린샷과 함께 빠르게 보고 넘어가자. gem install sass 엄청간단하지? 맥에는 기본적으로 루비가 설치되있기 때문에 gem 을 그대로 갖다 쓰면된다.! 바로 실행까지 해보자 sass --watch sass:style watch 라는 명령어를 통해 sass 는 sass 폴더의 변경내용을 감시하고있다가 scss 파일이 변경되면 즉시 css 폴더에 .. 2017. 6. 14.
Sass 를 이용한 CSS 작성과 Gulp 를 이용한 일괄처리에 대한 가이드 (1) Sass 와 Gulp 에 대해서 설명이 잘 된 한국어 블로그가 많이 없는것 같다. 이전 회사에서 좋은 지식들을 많이 배울 기회가 있어서, Sass 와 Gulp, 나아가 Grid system을 sass를 이용해 활용 하는 법 등 내가 아는 정보들을 공유해 볼까 함. 오늘은 시작하는 글이니까, 몇가지 기본적인 단어들의 정의나 기본적인 개념을 파악하고 가보자. 우선 Sass 나 Less 라고 하는건 CSS Preprocessor (전처리기) 라고 하는 CSS 의 확장언어 라고 이야기 할 수 있다. SASS (http://sass-lang.com/) 는 Syntactically Awesome StyleSheets 의 약자로 한국말로 구지 바꾸자면 구문적으로 놀라운 스타일시트 라고 하겠다. CSS에 If 나 Fo.. 2016. 7. 1.
정보처리기사/산업기사 신기술동향 2009~2013 (TTA공시) 2013 정보처리기사 공부하다가 정리함.. 한국정보통신기술협회(TTA) 에서 매년 두세번씩 신기술동향에 관한 글을 게시하고 거기서 문제가 많이 나오는것같음. 너무 쉽거나 정보처리기사에 안나올거같은건 뺏음. 선 첨부. 정리해서 PDF로 만듬.. 국문표제어 영문표제어 약어 내용 감청 Monitoring 당사자 동의 없이 대화를 엿듣거나 행동을 채집하여 기록하거나 녹음하는 행위. 「통신비밀보호법」에서는 감청을 “전기통신에 대하여 당사자의 동의 없이 전자장치·기계장치 등을 사용하여 통신의 음향·문언·부호·영상을 청취·공독하여 그 내용을 지득 또는 채록하거나 전기통신의 송·수신을 방해하는 것을 말한다”고 규정하고 있다. 범죄 수사나 국가 안보를 위하여 법원의 감청 영장을 발부받아 감청하면 합법적인 감청이 되지만,.. 2013. 7. 3.
SmartEditor2 사진첨부기능 이미지업로더 (JSP model1) 뷰페이지에 다음과 같은 스마트에디터가 붙어있다. 굵은 글자 부분을 추가해주고 뷰페이지 (스마트에디터가 나오는 페이지)에 스크립트 추가. // 2013.06.27 위지윅편집기 SmartEditor2 (program/common/se2) 사진첨부기능 function pasteHTML(filepath){ var sHTML = ''; alert(sHTML); oEditors.getById["contents"].exec("PASTE_HTML", [sHTML]); } 'contents' 는 본인이 정한 '스마트에디터 와 Textarea를 이어주는 ID값' 과 같이. photo_uploader/popup 폴더에있는photo_uploader.html 은 photo_uploader.jsp 로 이름 바꿔주고.. php에서.. 2013. 6. 27.
JSP로 RSS구현하기 예제 문서목록 /hist_lst.jsp 문서목록을 보실 수 있습니다. ko /hist_rss.jsp master@history.or.kr /hist_viw.jsp?histId= [내용] ]]> /hist_viw.jsp?dataId= [출처] JSP로 RSS 구현하기 예제|작성자 doghole 2013. 6. 10.
JavaScript Event KeyCode Test Page JavaScript Event KeyCode Test Page Input: onKeyDown onKeyPress onKeyUp event.keyCode event.charCode event.which Notable Gotchas Firefox and onKeyDown vs. onKeyPressed Firefox and keyCode vs. charCode Enter key and onKeyPress on Firefox vs. IE 2013. 5. 29.
자바스크립트 유효성 검사 대문자 변환 함수 function ToUpper(arg) { var str1 = "abcdefghijklmnopqrstuvwxyz"; var str2 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; return alterString(arg,str1,str2); } // 대 --> 소문자 변환 함수 function ToLower(arg){ var str1 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var str2 = "abcdefghijklmnopqrstuvwxyz"; return alterString(arg,str1,str2); } // 반각 문자를 전각문자로 function convert2ByteChar(x_char) { var x_2byteChar = ""; //컨버트된 문자 .. 2013. 5. 21.
모바일 소프트웨어 개발을 위한 Agile방법론 예측 불가능한 프로젝트의 위험요소를 Agile방법론을 통해 회피하는 기법. 스크럼애자일 프로세스중에 가장 널리 사용됨.구성원 - 제품 책임자/스크럼마스터/스크럼팀/기타 기능을 협상하라. (비용/기간/품질 대신에) 스토리redmine / Jira 2013. 4. 4.