본문 바로가기

업무이야기

 (46)
Window 에서 git ssh 키 생성하고 적용하기 저는 git 에서 clone을 하거나 pull, push 를 할 때 ssh키를 많이 사용합니다. 뭐때문인지 그냥 하면 비밀번호나 이름 같은것들이 꼬여서 잘안되더라고요.. 기껏 mac에 익숙해졌는데 이젠 집 컴퓨터는 window 기반이라 다시 window에서 ssh 키를 어떻게 생성하는지 찾아보게 됩니다. 다음에도 필요할지 모르니 블로그에 포스팅 저장해둡니다. 아래는 맥 ssh 키 생성하고 git에 등록하는 링크입니다. mac에서 ssh키 생성하고 git에 등록하기 맥(mac)에서 깃(git) 사용하기 - window git 사용과 비교하기 (터미널, 터미널 경로, git bash, ssh key 등록) 이전 회사가 window를 사용했기 때문에 노트북이 mac pro 였음에도 window에 익숙해져버린 ..
반응형 홈페이지 만들 때 고민해 보았던 것들 반응형 페이지는 만들어 보기는 했지만 적응형 페이지를 더 많이 만들었습니다. 해서 반응형 페이지에 대해서 어떻게 요소들이 커져야 하는지에 대해 구체적으로 고민해 본적은 없었는데 반응형 작업을 할 일이 많이 생기면서 생각해 본 것들을 적어봅니다. 막연하게 반응형 페이지라 하면 분기점이 지나면서 스타일이 변하는 것 또는 커지는 것을 생각하게 됩니다. 정말 막연해서 하라는걸 하지 뭐 .. 기획대로 하지 뭐 .. 하는 생각을 했었는데 고민해본 것들을 이번 기회에 정리해봅니다. 반응형 페이지에서 어떻게 이미지가 커져야 할까? 제가 지금 만들고 있는 페이지의 분기점은 768px, 992px 분기점을 가지고 모바일 사이즈부터 제작하고 있습니다. 모바일에서 타블릿으로 그리고 데스크 탑으로 변하는 과정에서 생각해보아야 ..
이메일 코딩하고 테스트 하기 이번으로 이메일 코딩은 이년 정도의 업무 기간동안 세번 정도 해보게 된 것 같습니다. 이메일은 가장 안전한 코드로 레이아웃을 짜고 스타일을 넣어 주어야 합니다. 첫번째 메일 코딩은 이조차 잘알지 못하여 일반 코드로 진행했었고 두번째 부터는 여러 자료들을 참고해서 메일 코딩을 했습니다. 이번으로 세번째 메일 코딩이었는데 아직까지는 기회가 없어 반응형 메일 코딩은 해보지 못했네요. 코딩 참고 사이트 제가 메일 코딩을 제대로 했을 때부터 참고하는 자료가 있습니다. 아무래도 메일코딩은 자주하지 않다보니 할 때마다 잘 설명이 되어 있는, 보던 자료들을 다시 참고하게 되는것 같습니다. webdesign.tutsplus.com/ko/articles/build-an-html-email-template-from-scra..
React BrowserRouter와 HashRouter의 차이점 정리 리액트를 공부중인 리린이가 정리해본 React Router, 특히 BrowserRouter 와 HashRouter의 차이점에 대해서 정리한 글입니다. React Router React SPA(Single Page Application) 구현에 가장 많이 사용 되는 'react-router-dom' 기존 방식의 를 사용해서 url 변경 시 새로고침 되며 모든 페이지를 reload 하여 로드 시간이 걸리게 됩니다. React는 SPA 체제로 새로고침 대신 Router를 사용하여 변경된 소스만 바뀌도록 해주기 때문에 속도가 빠릅니다. react-router, react-router-dom, react-router-native의 차이 react-router-dom : web에서 사용 react-router-na..
intelliJ(webstrom, phpstrom) 에서 sass scss 사용하기 이전에 에디터를 VS code를 사용했었는데 이직을 하면서 inelliJ 제품인 phpStrom을 사용하게 되었습니다. VScode 는 확장프로그램을 받으면 쉽게 사스 컴파일러를 사용할 수 있었는데 intelliJ는 아무래도 익숙하지 않아 SCSS 전처리기를 사용하기 위해서 세팅하는데 시간을 좀 보냈습니다. 결국 경로 문제였는데 혹시 저와 같이 설치가 안되는 분들이 계신다면 도움이 되셨으면 좋겠습니다. 아래 주소에서 vscode 사스 이용법에 대해서 정리해두었습니다. worker-k.tistory.com/entry/Visual-Studio-Code-%EC%B6%94%EC%B2%9C-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8-%ED%83%AD-%ED%99%98%EA%B2%BD%EC%..
React 시작 전 설치해야할 목록 (Mac OS) React를 시작하기 전 준비해야할 목록이 있습니다. 다른 컴퓨터 세팅에도 쉽게 적용하기 위하여 블로그에 정리해봅니다. nvm node.js yarn git bash nvm nvm 은 아직 window os에는 없고 mac os에만 있는 버전관리 도구입니다. 작업을 하다보면 node.js의 버전을 업데이트 해야할 때도 있고 그와 반대로 다운그레이드 해야할 때도 있는데 이때 버전을 관리해주는 도구입니다. 터미널에 $ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash 명령어를 입력하여 nvm을 설치해줍니다. 설치 후에 터미널을 껐다가 다시 킨 후 $ nvm --version 으로 nvm이 잘 설치되어있는지 확..
Mac MAMP 설치하고 phpStorm에서 브라우저 띄우기 phpStorm에서 브라우저를 미리보기 하기 위해서는 우클릭 -> Open in Browser -> 원하는 브라우저 ( 크롬, 사파리, 오페라 등)을 선택하면 됩니다. 하지만 아래와 같은 '502 Bad Gateway' 오류가 뜰 수 있습니다. 이는 아직 세부적인 php 파을 설정되지 않아 발생한 오류입니다. 해당 오류를 아래 동영상을 참고하여 해결해보았습니다. www.google.com/search?rlz=1C5CHFA_enKR917KR917&q=PhpStorm+CLI+Interpreter+mac&sa=X&ved=2ahUKEwiYifm4u9TrAhVRy4sBHUyyBpEQ1QIwIXoECAsQCg&biw=1440&bih=624#kpvalbx=_kc5UX86CJ5H1wAOBzI-IDQ7 PhpStorm ..
맥(mac)에서 깃(git) 사용하기 - window git 사용과 비교하기 (터미널, 터미널 경로, git bash, ssh key 등록) 이전 회사가 window를 사용했기 때문에 노트북이 mac pro 였음에도 window에 익숙해져버린 나머지 작업을 할 땐 노트북 보다 데스크탑에서 작업을 했었는데 이직을 하면서 mac을 사용하게 되었습니다. 자주 사용하던 git도 헷갈린 부분들이 있어 맥에서 git을 사용하기 위해 정리하는 포스팅을 적어봅니다. 1. Mac 터미널 사용하기 window에서는 window키 + r 단축키로 cmd에서 입력했던 것들을 Mac에서는 터미널을 사용해서 이용합니다. 익숙하지 않아서 터미널 켜는 법부터 차근차근 익혀보았습니다. Mac 바탕화면 하단 dock에 로켓 아이콘의 'Launchpad' 를 클릭해줍니다. 여기 검색에서 '터미널'을 검색해주면 됩니다. 터미널을 자주 사용하시는 분이라면 '우클릭 -> dock에..

티스토리툴바