본문 바로가기

Dev./Front-end

(7)
프론트엔드 개발자 / 퍼블리셔 면접에서 질문한것들 면접자의 스킬 인벤토리 - git, SSH, Terminal, REST API, json 등의 웹 개발기반 지식 - Node.js 를 통한 웹 개발 - php Laravel 유지 보수/기능 추가 경험 - AWS 를 이용한 서버 아키텍팅 경험 - Swift 를 이용한 iOS 앱 개발 경험 - Java 를 이용한 안드로이드 앱 개발 경험 우리회사가 사용하는 스킬/서비스 저희는 현재 python 과 Flask 를 사용중입니다. 중국인 개발자분은 WeChat 미니프로그램도 개발을 연구하고있습니다. 위챗 미니프로그램은 리액트/뷰 와 구조가 비슷해서 향후에 리액트로 프로젝트를 진행할떄도 도움이 될것으로 예상하고 있습니다. 서버는 AWS를 적극적으로 사용하려고 하고 있구요. Rest API 구축을 위해서 람다를 사용..
신입 프론트엔드 개발자 , 퍼블리셔 에게 면접때 질문할 내용들 가끔 발생하는 웹 퍼블리싱 이슈를 해결하고, React와 React-Native 개발자로 일을 하게 될 주니어 프론트엔드 엔지니어를 뽑기 위한 기술면접. 퍼블리셔와 프론트엔드개발자는 어떤차이가 있는것 같습니까? - JS프레임워크에 관한 이야기를 하면 좋겠다. 포토샵을 사용할 줄 아는지? - 기본적인 포토샵 사용능력은 있어야 서로 편함 - 필수 디자이너가 아이콘이나 이미지요소들을 안뜯고 PSD파일만 줘도 작업이 가능하신가요? - 디자인팀에 업무가 몰리면 이런 일이 발생할 수 있으니 처리가능한 수준인지 체크 - 필수 Float 를 써서 영역이 사라졌을때 어떻게 해결할수있을까요? - 무조건 할줄 알아야함.. - 필수 Flex 레이아웃 을 사용해보았나요? - 리액트 네이티브를 사용하기 위해서 반드시 알아야 하는..
Sass 를 이용한 CSS 작성과 Gulp 를 이용한 일괄처리에 대한 가이드 (3) - Gulp 환경설정 연례행사로 Gulp 와 Sass 의 가이드를 작성하다보니 2년전에는 가이드가 거의 없었는데 지금은 검색해보니까 좋은 가이드들이 아주 넘쳐난다. 그래서 ㅇㅣ제 이 글은 더 이상 작성하지 않기로... 나는 게을러서 블로그에 트렌디한 글 쓰는건 안해야겠다... 죄송합니다...
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 폴더에 ..
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..
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
자바스크립트 유효성 검사 대문자 변환 함수 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 = ""; //컨버트된 문자 ..