FT개발자

모바일, 아이패드, 데스크탑을 커버하는 미디어쿼리 소스

하도리꼬프로 — Wed, 10 Jun 2020 15:30:45 +0900

/* 공통코드와 모바일용 작성 */
body:before {
	content: '스마트폰';
	font-size: 20px;
	font-weight: bold;
	color: red;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	background-color:black;
}
/* 아이패드, 피씨와 모바일만 구분하는 경우 데스크탑 까지 포함 */
@media (min-width: 768px) and (min-height: 412px) {
	body:before{
		content: '아이패드';
	}
}
/* 아이패드 프로 , 데스크탑, 피씨와 모바일만 구분하는 경우 필요 없음 */
@media (min-width: 1024px) and (min-device-height: 769px) {
	body:before {
		content: '데스크탑';
	}
}

mongoDB 기초

하도리꼬프로 — Sat, 2 May 2020 15:23:34 +0900

정말 기본 명령어만 기록
몽고DB 문서보기 https://docs.mongodb.com/

Database 생성
use 데이터베이스이름
생성한 데이터베이스 확인
db
생성된 데이터베이스 모두 확인
show dbs
데이터베이스 제거, use 데이터베이스이름으로 삭제할 데이터이스 선택 후
db.dropDatabase()
컬렉션 추가
db.createCollection(name, [options])
옵션은 링크에서 확인 https://docs.mongodb.com/manual/reference/method/db.createCollection/
컬렉션 확인
show collections
컬렉션 제거
db.COLLECTION_NAME.drop()
도큐먼트 추가, 데이터를 추가하기 전 데이터베이스가 선택된 상태여야 함
db.COLLECTION_NAME.insert(document)
도큐먼트 제거
db.COLLECTION_NAME.remove(criteria, justOne)

로컬에서 연결할 때 url 설정
mongodb://localhost:PORT/DB_NAME

mongodb://localhost:PORT/DB_NAME

컬렉션까지 지정할 때는 스키마를 만들때 옵션으로 추가

new mongoose.Schema({..}, { collection: 'my-collection-name' });

맥북 터미널에서 brew 이용해서 mongoDB 설치하기

하도리꼬프로 — Fri, 1 May 2020 22:14:24 +0900

원문은 아래 링크를 참고하세요.

https://github.com/mongodb/homebrew-brew

mongodb/homebrew-brew

The Official MongoDB Software Homebrew Tap. Contribute to mongodb/homebrew-brew development by creating an account on GitHub.

github.com

1. homebrew가 설치 안되어 있다면 먼저 설치하세요. 혹은 업데이트 할 때도 아래 코드를 실행, 중간에 xcode 뭘 설치하라고 할 수도 있는데 오래 걸립니다.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

2. 아래 코드를 터미널에서 실행

brew tap mongodb/brew

3. 다시 아래 코드 실행, 몽고DB 커뮤니티 최신버전을 설치합니다.

brew install mongodb-community

4. 몽고DB실행

mongod --config /usr/local/etc/mongod.conf

몽고DB를 백그라운드에서 실행하지 않는 명령어

brew services start mongodb-community

5. 몽고DB 접속

mongo

6. 몽고DB 정지

brew services stop mongodb-community

7. 몽고DB GUI 클라이언트

https://www.mongodb.com/download-center/compass

Download Center: Compass

MongoDB Compass, the GUI for MongoDB, is the easiest way to explore and manipulate your data. Download and use for free for development environments.

www.mongodb.com

프리랜서에게는 시간이 곧 돈이예요.

하도리꼬프로 — Thu, 30 Apr 2020 18:31:05 +0900

얼마 전 로켓펀치로 일을 해보고 싶다는 메시지가 하나 왔습니다.

Electron, Vue, Jquery 중심으로 프로젝트를 구성 중이라는 내용이었고 통화를 해보니 당장은 일렉트론에 대한 프로젝트를 진행하려고 하는 내용이었습니다. 바로 일을 진행해서 성과를 내는 것보다는 장기적으로 함께 일을 할 개발자를 구하고 있다는 말에 일렉트론은 해본 적이 없지만 일정이 그리 급하지 않고 난이도가 낮다면 스터디를 진행하면서 할 수 있을 것 같다는 의사를 전달했고 화상 미팅까지 진행을 했습니다.

화상 미팅을 하면서 여러 이야기를 나누고 프로젝트에 대한 좀 자세한 설명도 듣고 하면서 2일 정도 제가 일렉트론에 대한 튜토리얼과 강좌를 찾아서 해보고 진행 가능할지 여부를 알아본 후 다시 논의하기로 했습니다.
그리고 2일 정도 살펴보다 보니 강좌가 좀 남아서 하루 더 강좌를 진행하고 오후에 연락을 했습니다. 관련 커뮤니티도 있고 공식 문서도 한글로 잘 되어 있는 사이트들도 있어서 개발 비용을 좀 적게 받아도 경험이 될 것 같다는 내용으로 이야기를 해보려고 했습니다.

그런데 제가 받은 문자는 프로젝트가 급해서 다른 사람과 일을 진행하기로 오늘 결정했다는 내용이었습니다. 이 순간 많은 생각이 들었습니다.
내가 하루를 넘겨서 연락을 한 게 잘못인가? 내가 오늘 연락을 했는데 마침 오늘 그걸 결정했다고? 근데 당장 일보다 장기적으로 함께 할 개발자를 생각한다며? 내가 이걸 알아보기로 하고 다시 논의하기로 했는데 사람을 결정했으면 내가 연락하기 전에 알려줬어야 하는 거 아닌가?

가장 크게 든 생각은 그럼 내가 이틀간 소모한 시간은 뭐지......
이틀간 시간을 들여서 기술에 대해 리서치를 진행하고 테스트를 했고 그것 또한 업무의 시작이라고 볼 수도 있는 것입니다.
심지어 후에 다시 이야기를 나누기로 협의를 한 것인데 협의를 위해 연락을 하니 이미 사람을 구했다라니....
하루 늦게 연락한 제 잘못이라고 생각을 한다고 해도 후에 협의를 하기로 했으면 사람이 내정되었을 때 저에게 먼저 연락을 하는 게 예의라고 생각합니다.

프리랜서에게 시간은 돈입니다.
전 이미 저 기술을 사용할 수 있을지 알아보는데에 이틀이라는 시간을 소모했고 이를 제 인건비로 계산하면 최소 50만 원의 금액이 책정되는 시간입니다.
하지만 그 스타트업의 대표는 본인들의 급한 프로젝트는 돈이고 제가 들인 시간은 돈으로 생각되지 않나 봅니다.
그 대표가 이상한 거였을 거라 생각할 수도 있지만 이런 경우가 두 달에 한 번 정도는 되는 것 같아요.

점점 더 스타트업과 프로젝트를 하는 것에 거부감이 생깁니다.

UI개발자 온라인 5주 인턴과정을 개설했습니다.

하도리꼬프로 — Tue, 14 Apr 2020 00:41:25 +0900

"디자인 분석부터 접근성 준수까지 제대로된 UI개발 실무 경험" 5주간의 온라인 인턴과정

방치해둔 블로그에 오랜만에 쓴다는 글이 일종의 광고글이라니.... 죄송합니다...;;;

이번에 코멘토에서 UI개발자 온라인 5주 인턴 과정을 개설했습니다.

총 5주간 UI개발자가 실제로 일할 때 어떻게 일하는지 디자인 분석부터 웹접근성, 사용자 경험에 대한 부분까지 체험해보는 직무부트캠프입니다.

코로나 때문에 이제 오프라인 수업보다는 온라인 수업이 대세인 이때에 시의적절하게 오픈해보았습니다.

5주를 진행하면서 매주 과제를 내드리고 과제에 따른 코드리뷰를 진행합니다. 그 중 1,3,5주에는 라이브로 피드백을 하는 시간도 있습니다.

이 직무부트캠프에 참여하시는 분들께는 정말 꼼꼼하고 또 꼼꼼하게 코드리뷰를 해드리겠습니다.

UI개발자, 웹개발자, 프론트앤드 개발자를 이제 시작해보려고 하는 분들이 있다면 좀 더 제대로된 UI개발을 경험해보세요.

https://comento.kr/edu/learn/ITSW/%EC%9B%B9%EA%B0%9C%EB%B0%9C-1188

IT/SW-웹개발-직무부트캠프-IT/SW 웹개발 5주 인턴

IT/SW 웹개발 현직자의 업무를 함께 풀면서 직무를 깊이 이해할 수 있습니다. 직무부트캠프에 참여하세요.

comento.kr

개발용 맥북 셋팅시 우선 해야 할 사항

하도리꼬프로 — Sat, 9 Mar 2019 19:17:57 +0900

1. 설치할 때 파일볼트 비활성
2. 설치 후 복구 모드로 진입해서 터미널에서 csrutil disable
3. root 사용자 활성
4. 숨겨져 있는 /usr, /var, /etc의 권한을 함부로 바꾸지 말 것.

관련된 사항은 검색하면 다 나옵니다.

npm 설치할 때 "Using needle for 모듈이름 https download" 라는 WARN 이 뜰때

하도리꼬프로 — Sat, 9 Mar 2019 16:38:07 +0900

npm 으로 모듈 설치시 WARN 메세지로 "Using needle for 모듈이름 https download" 라고 뜰 때가 있습니다.

이럴 때는 옵션에

npm i --unsafe-perm

라고 추가해서 설치해주세요.

맥북 터미널에서 brew 이용해서 node, npm 설치하기

하도리꼬프로 — Sat, 9 Mar 2019 14:49:17 +0900

맥북에 node를 설치할 때 nodejs.org에서 설치파일을 다운로드 받아서 설치하는 것이 일반적입니다.

하지만 이렇게 설치하면 -g 옵션으로 global로 설치 할때 매번 su로 해줘야하는 불편함이 있습니다.

그래서 node와 npm은 터미널에서 설치하는 것이 제일 좋은 방법입니다.

터미널에 익숙하지 않아도 쉽게 설치가 가능합니다.

맥 앱스토어에서 xcode를 설치해줍니다.
https://itunes.apple.com/kr/app/xcode/id497799835?mt=12
시간이 꽤 오래 걸리니 여유롭게 진행해주세요.
설치 후 한번 실행해서 라이센스 동의를 해줍니다.

root 로그인 후 아래 코드를 터미널에서 입력해줍니다.

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

3번 완료 후 node를 설치해줍니다. 이 과정은 꽤 오랜 시간이 걸립니다. 여유롭게 기다려주세요.
```
brew install node
```
본인의 계정 폴더로 이동 후 .bash_profile 파일을 수정하고 없으면 생성합니다.
```
cd ~
vi .bash_profile
```
.bash_profile 파일에 아래 내용을 입력합니다. 노드버전은 4번 완료된 화면을 보면 확인 하실 수 있습니다.
```
export NODE_PATH="/usr/local/lib/node_modules"
export PATH="/usr/local/Cellar/node/노드버전/bin:$PATH"
```
vi는 i를 누르면 편집모드, 입력후 esc누르고 :wq 누르면 저장하고 나옴
터미널 종료 후 다시 열어서 아래 두 명령어가 제대로 나오는지 확인해주세요.
```
node -v
npm -v
```
아래와 같이 버전이 제대로 표시되면 완료된 것입니다.

맥북(macOS) 터미널에서 nvm을 이용해서 node 설치하기

하도리꼬프로 — Wed, 31 Aug 2016 21:12:10 +0900

1. nvm 설치. 최신버전은 nvm github 페이지에서 확인

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.6/install.sh | bash

2. 설치 후 터미널을 껐다 켬

2-1 껐다 켜지 않으려면 아래 코드 입력

source ~/.bash_profile

3. nvm 버전 확인

nvm --version

4. node 설치

nvm install stable

5. node 버전 확인

node -v

맥북의 타임머신 서버를 smb로 연결된 네트워크 드라이브로 설정하기

하도리꼬프로 — Tue, 30 Aug 2016 23:43:03 +0900

1. 디스크 유틸리티에서 파일 -> 새로운이미지 -> 빈이미지 선택

이미지 포맷 : 분할 번들 디스크 이미지 (이미지 포맷을 바꾸면 내용이 초기화 됨으로 제일 처음에 해주는 것이 좋음)
파티션 : 단일 파티션 - Apple 파티션 맵
포맷 : OS X 확장(저널링)

2. 자동 마운트 된 이미지를 추출

3. 네트워크 드라이브에 생성 된 디스크 이미지 파일을 복사 (확장자가 sparsebundle인 파일)

4. 네트워크 드라이브에서 해당 파일 실행

정상적으로 마운트가 되어야 함

5. 터미널을 열어서 아래 코드 입력

sudo tmutil setdestination /Volumes/마운트된이름

6. 설정 - 타임머신 을 열어서 타임머신 서버 이름이 자신이 지정한 서버 이름과 맞는지 확인

7. 메뉴 막대에서 Time machine 보기를 체크해서 지금 백업 시작