본문 바로가기

웹개발

(50)
react-native 프로젝트 초기 설치 후 error: unable to lookup item 'Path' in SDK 'iphoneos' 간단 해결 방법 react-native 초기 설치 후 ios 폴더에서 "pod install"을 수행하면 아래와 같은 애러를 만나게 됩니다. hecking for a BSD-compatible install... /usr/bin/install -c checking whether build environment is sane... yes checking for arm-apple-darwin-strip... no checking for strip... strip checking for a thread-safe mkdir -p... ./install-sh -c -d checking for gawk... no checking for mawk... no checking for nawk... no checking for awk....
프론트엔드 기술면접 질문 및 답변 정리 - ES6 편 ES6에서 추가된 기능을 아는대로 말해보세요. Promise 비동기 처리를 위해 사용하는 패턴이며 콜백지옥을 해결하고 애러처리를 용이하게 할 수 있습니다. new Promise를 리턴하여 사용하고 resolve, reject를 호출하여 완료합니다. Arrow function 상위 스코프의 this를 그대로 사용할 수 있으며 함수를 간결하게 표현할 수 있습니다. 화살표 뒤의 값을 그대로 리턴하게 할 수 있습니다. spread 연산자 ...Object 또는 ...Array 와 같은 형태로 요소들을 나열합니다. destructuring const { a, b, c } = object 와 같은 형태로 사용할 수 있습니다. 클래스 const, let Set, WeakSet for of Symbol 타입 ES8 a..
프론트엔드 면접질문 및 답변 정리 - 자바스크립트 기본 편 자바스크립트 개념 중 이해하기 힘든 부분을 간단하게 질문 답변식으로 정리해 보았습니다. 클로저(Closure)란? 어떤 외부함수에서 선언한 변수를 참조하는 내부함수를 외부로 전달할 경우, 함수의 실행 컨텍스트가 종료된 후에도 변수가 메모리에 남아있는 현상을 말합니다. 클로저 사용으로 메모리 누수가 발생할 경우 어떻게 해결할까요? 함수를 참조하는 변수에 null을 할당하여 메모리 연결을 끊으면 됩니다. let, const, var 차이점 var는 function scope이며, let, const는 block scope입니다. var는 재선언하거나 함수 스코프 안에서 선언 전에 참조해도 애러가 나지 않고 undefined로 인식합니다. const는 명시적으로 상수로 선언하며, 값을 재할당 할 경우 애러가 ..
AWS S3 사용시 중국의 Great Firewall에 의한 이미지 차단 우회하기 아마존 웹서비스(AWS)의 EC2 + S3를 이용하여 웹사이트를 서비스 하는 분들이 많습니다. S3에 이미지를 저장할 경우, 중국에서 웹사이트 접속시 해당 이미지가 표시되지 않습니다. GreatFirewall에 의한 차단 때문인데요. 워드프레스에서 차단을 우회하기 위한 코드를 공유합니다. 원리 : 워드프레스 필터를 사용하여 본문의 img 태그의 src를 추출하여 base64 URL로 인코딩하여 반환합니다.Thumbnail image와 content의 내용을 찾아서 교체합니다. 아래 내용을 적절히 수정해서 사용하시면 됩니다. function cs_modify_post_thumbnail_url_html($html, $post_id, $post_thumbnail_id, $size, $attr) { return..
nvm으로 Node.js 버전 관리하기 간혹 Node.js로 개발하다보면 격변하는 JavaScript 세상의 신기능을 사용해보기 위해 최신 버전을 설치해야하거나 혹은 로컬과 운영 서버와의 호환성, 사용하는 라이브러리의 검증을 위해 버전을 내려야 하는 경우가 있다. 이번 글에서는 위와 같은 상황을 해결하기 위해 nvm을 사용해 Node.js의 버전을 관리하는 방법에 대해 간략하게 살펴보겠다. 설치 nvm 설치는 매우 간단하다. nvm에서 제공하는 스크립트를 통해 아래 명령어를 터미널 쉘에 입력하면 된다. (슬프게도 nvm은 Windows를 지원하지 않는다. 만약 Windows를 사용하고 있으면 nvm-windows 혹은 nodist를 사용하기를 권장한다고 한다.) curl -o- https://raw.githubusercontent.com/cr..
내용 크기가 변할때 iframe 자동 리사이즈 하기 내용 크기 변화에 따라 자동으로 IFRAME의 크기를 Resize할 수 있는 간단한 스크립트 공유 합니다.
워드프레스에 Font Awesome으로 인포그래픽 아이콘 넣기 안녕하세요! Jinnovator입니다. 오늘은 워드프레스에 Font Awesome을 적용시키고 활용하는 방법에 대해 알아보겠습니다. 아래 버튼에 들어간 아이콘은 어떻게 넣었을까요? Font Awesome은 아이콘은 "폰트"로 쓸 수 있는 것입니다. 이미지로 넣어도 되는데 왜 꼭 폰트를 사용해야 하는가에 대해 의구심을 품는 분들이 계실 것입니다. 폰트의 장점이라면? 1. 색깔, 크기를 글씨와 함께 마음대로 지정할 수 있습니다. 2. 별도의 이미지 파일이 필요 없습니다. 3. 벡터이기 때문에 확대를 해도 아이콘이 깨지지 않습니다. 이 Font Awesome은 워드프레스 뿐 아니라, 모든 웹사이트에 적용 가능합니다. http://fortawesome.github.io/Font-Awesome/ 현재 2015년 ..
워드프레스 한글 파일명 업로드 실패시 유용한 플러그인 아파치, Nginx 등의 서버 설정에서 인코딩이 UTF-8로 설정되어 있지 않은 경우, 한글 파일 업로드 시 업로드를 실패할 수 있습니다.여기에서 두 가지 플러그인을 소개해 드릴테니, 입맛에 맞는 방식으로 골라서 쓰시면 될 것 같습니다. 1. 실제 파일명 DB 저장 - 저장되는 파일명 Hash이 경우, 이미지를 다른이름으로 저장할 때 ec82aceba789-eab7b8eba6bc.jpg 와 같은 형식으로 저장됩니다.영팔군님의 블로그에서 배포하므로 스샷과 링크 걸겠습니다!http://082net.com/2012/1024/워드프레스에서-한글-이름-파일-업로드/ 2. 초성-중성-종성을 알파벳으로 매칭하여 서버에 저장ㄱ=> k, ㄲ=>kk .. 와 같은식으로 한글 파일명을 영어로 변환하여 업로드하는 방식입니다...