목록Front End Developer (20)
web sprit
1. Viewport 기본설정 width : 넓이 height : 높이 initial-scale : 초기 확대/축소 배율 minimum-scale : 최소 축소배율 (default-0.25, 0~10까지 조정가능) maximum-scale : 최대 확대배율 (default-1.6, 0~10까지 조정가능) user-scalable : 확대/축소 가능여부 (default-yes, yes | no) 2. 자동 전화걸기 태그 방지 (IOS 아이폰 전화링크 색 없애기.) 3. 홈 화면 icon(아이폰) 아이폰에서 바로가기를 추가할 경우 보여지는 아이콘 홈화면 추가 시 라운딩처리는 자동으로 처리된다. 그러므로 아이콘 작업 시 따로 라운딩 처리 하지않아도 된다.(라운딩 작업시 깨져보일 수 있음.) 반사광 효과를 설정..
Hexo Hexo is a fast, simple & powerful blog framework powered by Node.js. hexo.io hexo를 이용하여 블로그를 만들기 전 node 와 git 이 설치되어 있다는 전제하에 설명 드립니다. # hexo 글로벌 설치 npm i hexo-cli -g # hexo 디렉토리 생성 hexo init [디텍토리명] # 로컬 서버 실행 hexo server -p 3000 # github 에 올리기 repository 생성 (githun 계정명으로 입력해야 계정명으로 URL 생성) [계정명].github.io # _config.yml 파일 수정 맨 하단 deploy 부분 수정 deploy: type: '' deploy: type: git repo: repos..
Git을 하게 되면 내가 작업하는 공간에는 필요하지만 remote(원격)에 push를 무시해야 하는 경우가 있습니다. 이런 경우는 소스 파일이라던가 올리면 충돌이 일어나 오류를 범할 수 있기 떄문입니다. 특정 파일이나 폴더의 push를 막기 위해서는 다음과 같은 방법이 있습니다. .git 폴더가 있는 같은 선상에 .gitignore 파일을 만들어 줍니다. ignore(무시하다)의 관리는 .gitignore 파일에서 하는데 예를 들어 test.txt파일과 test 폴더를 ignore 한다고 가정합니다. 무시할 파일및 폴더는 아래와 같이 작성해 줍니다. ## 파일 무시 test.txt ## 다음과 같은 확장자는 전체 무시 *.text *.exe *.zip ## 폴더 무시 test/ 폴더와 같은 경우 무시하는..
branch란? 간단하게 설명하자면 기존 repository(저장소)를 생성하면 master라는 branch가 생성된다. 새로운 branch를 생성하면 기존 master branch 와 별개로 영향없이 여러작업을 진행할 수 있고, 추후 작업에 대해 master branch와 안전한 merge를 위함입니다. Github에 repository(저장소)를 만들었다면 master branch를 제외한 다른 branch를 만들어 봅시다. 1. branch 만드는 방법. $git branch [branch 이름] 2. branch 목록 확인 방법. $ git branch 위 명령어를 실행하면 다음과 같은 내용을 확인할 수 있습니다. new_area * master new_area는 제가 새로 만든 branch 이고..

Github를 사용해 보겠습니다. 구체적인 내용보다는 간단하게 사용하는 방법에 대해 정리하는 것이니 편한 마음으로 따라하시면 될듯 합니다. 핵심내용은 아래와 같습니다. $ git init $ git remote add origin "repository address" $ git add . $ git status $ git commit -m "message" $ git push -u origin master $ git pull -u origin master 구체적인 내용은 추후 알아보며 올리도록 하겠습니다. ^^ 우선 Github 사이트로 이동합니다. 저장공간인 repository를 생성해야겠죠?! 1. repository 생성 로그인을 하시고 아래와같이 +(플러스)버튼을 누르면 새로운 New reposi..

Github를 test 하면서 임시로 만든 저장소(프로젝트)를 삭제하려 합니다. 삭제하는 방법에 대해 알아보는 과정에서 블로그에 정리하려합니다. GIthub 사이트로 이동~ 회원가입을 했다는 전제에 삭제할 프로젝트를 선택합니다. 그럼 다음과 같은 화면에서 Settings 탭으로 이동하여 스크롤을 하단으로 내리면 Delete this repository 버튼이 나옵니다. 클릭해 주세요~ 그럼 모달창이 뜨면서 삭제할 저장소(프로젝트)명을 기입하라고 요구합니다. 적는란에 삭제할 저장소(프로젝트)명을 기입한 후 I understand the consequences, delete this repository 버튼을 눌러 주세요. 다음화면으로는 Github 비번을 요구합니다. 본인의 Github 비번을 적고 Con..
1. Git 설치파일 다운 받기.https://git-scm.com/download/win위 링크 접속 시 자동 최신 버전으로 다운 받거나 Git For Windows 사이트에 접속하여https://gitforwindows.org/Download 버튼을 눌러 최신 버전으로 다운 받을 수 있습니다.현제 버전 Git-2.21.0-64-bit.exe 입니다. 2. 설치하기 2-1. 다음은 깃 설치파일 입니다. 더블클릭하여 설치해 줍니다. NEXT 클릭! 2-2. 설치경로를 확인하고 NEXT 클릭! (기본설정) 2-3. 구성선택 하고 NEXT 클릭! (기본설정)- Additional icons-On the Desktop : 바탕화면에 아이콘 추가- Windows Explorer integration- Git B..
react native 프젝을 마치고 퍼블을 위해 셋팅한 node modules 를 실행 하였습니다.엇!!! node-sass 에서 에러가 나네여?? 이때 부터 문제가 시작 됩니다.기존에 잘 실행 되다가 react native 프젝을 하고 나서 문제를 일으킨 겁니다.자세한 원인은 잘 모르겠지만 툴로 vs code를 사용했는데 윗분(?)이 셋팅 해주었는데 거기서 문제가 생긴것 같네여 우선 npm run을 때렸을때아래와 같은 오류 내용이 뜹니다."Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime" 네이버신, 구글신 다 검색해 봤습니다.결론은 해결했습니다. 해결한 방법에 대해 알아보죠처음..
1. 우선 node JS 설치2. package json 생성npm init -y 3. webpack 설치npm i --save-dev webpack webpack-cliwebpack 과 webpack-cli 를 설치해 줘야 한다. 4. package.json과 같은 위치에 src 폴더 생성mkdir srccd srctouch index.jsindex.js 파일을 생성한다. src 폴더의 index.js 파일을 만들면 webpack에서 자동빌드하는 기본 경로이다.index.js 파일에 다음과 같이 작성 후 저장.console.log(`index js 입니다.`); 5. webpack4에 추가된 내용에 의해 package.json에 다음과 같이 추가."scripts": { "dev": "webpack --..
프로젝트 일 관련해서이번 프로젝트는 그누보드를 이용하여 게시판을만들어야하는 업무가 들어왔습니다. 말만 들어봤지 이 부분에 대해선 무뇌하기 때문에 정리하며 심도있게 알아보려 합니다. 설명에 대한 내용은 "(주)에스아이알소프트" 사이트에 자세히 나와있기 때문에따로 내가 일을해가며 정리할 필요는 없을 것 같네요. ㅎㅎ 1. 그누보드란?https://sir.kr/faq/6?s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5 2. 설치방법https://sir.kr/manual/g5/2또한자주하시는 질문 게시판에서도 설치및 메뉴얼이 존재합니다.