본문 바로가기
[Mac] 터미널에서 aws keyfair ppk키를 pem으로 변환 1. command + space bar -> terminal.app 2. homebrew 설치 참고 : https://jintrue.tistory.com/entry/iMac-Homebrew-%EC%84%A4%EC%B9%98 [iMac] Homebrew 설치 참고로 리눅스에 들어가야 할 경우 윈도우면 Putty를 통해 접속하면 편리하지만 Mac OS 에는 기본적으로 터미널이 있으니까 이걸 이용하자 yum 기본적으로 설치할 프로그램을 패키지 단위로 알아서 설치해주는 일.. jintrue.tistory.com 3. homebrew 로 Putty gen 설치 그러면 홈브루가 자동 업데이팅이 되면서 주루룩 설치해준다. 4. ppk가 있는 디렉토리로 경로 이동하여 pem으로 변경 그렇지 않으면 다음과 같이 에러를..
[Mac] Homebrew 설치 참고로 리눅스에 들어가야 할 경우 윈도우면 Putty를 통해 접속하면 편리하지만 Mac OS 에는 기본적으로 터미널이 있으니까 이걸 이용하자 yum 기본적으로 설치할 프로그램을 패키지 단위로 알아서 설치해주는 일종의 패키지 설치 프로그램이다. but...... Mac OS에는 yum을 설치 할 수 없다. 대체 프로그램으로는 홈브류(Homebrew)가 있다. Homebrew https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 1. command + space bar -> terminal.app 검색 2. sudo su로 root 권한으로 변경 3. 위 링크를 타고 문서 내용 대로 하면 왠만해선 ..
[publishing] 반응형 디바이스 별 사이즈 리스트 디바이스 별 가로 사이즈도 중요하지만 높이를 중점으로 작업하는 것이 더 중요하다. width (height) 1024 - iPad Pro (1366) 768 - iPad (1024), iPad Mini (1024) 800 - Nexus 10 (1280) 600 - Blackberry PlayBook (1024), Nexus 7 (960) 480 - Nokia N9 (854) 414 - iPhone 6/7/8 Plus (736) 411 - Pixel 2 (731), Pixel 2 XL (823) 412 - Nexus 5X (732), Nexus 6 (732), Nexus 6P (732), 384 - Nexus 4 (640) 375 - iPhone 6/7/8 (667), iPhone X (812) 360 -..
[plugin] Swiper 응용 Swiper 라는 훌륭한 슬라이드 플러그인을 자주 이용한다. 유형 중에 요즘 많이 보이는 슬라이드 유형을 실무에서 코딩해 놓은 것이 있어서 공유하고자 한다. 위와 같은 유형으로 슬라이드를 그리고자 하면 아래처럼 옵션만 다르게 주면 된다. 또한 css 스타일로 약간의 수정이 필요하다. 해당 swiper-slide 의 너비 값을 48%로 정의한다. 너비 값을 정의 해주면 위의 미리보기 슬라이드 예시처럼 현재 슬라이드 좌우에 전, 후 슬라이드의 반이 보여질 것이다. 또한 위의 태그 안의 인라인 스타일 처럼 swiper-slide 안의 div 박스에 좌우 패딩 값을 적절히 넣어준다. 자세한 사항은 Swiper 홈페이지 API 에서 확인 가능하다. https://swiperjs.com/api/
[publishing] 모바일에서의 단위 em, rem에 대하여 반응형을 작업할 때 em을 아주 제한적으로 나마 사용하고 있었는데, 해상도가 변경될때 보면 픽셀로 font-size를 적용한 컨텐츠의 div안에 글씨를 제외한 공백이 많아지는 현상을 발견하곤 했는데 그런 문제를 rem이 해결해 줄 수 있을 것 같다. rem : HTML 요소의 font-size를 기준으로. em : 지정된 font-size를 기준으로. 지정된 폰트 크기가 없다면 최상 요소의 폰트사이즈를 기준으로. 결론 : em보다는 rem를 사용하고, HTML 자체의 font-size만을 정의한 후 적어도 각각의 font-size만큼은 rem 단위를 써서 작업을 해야겠다. 처음부터 rem를 사용하여 일일이 계산하기 어려우므로 픽셀로 작업한 후에, rem으로 변환시켜자. https://webdesign.t..
[etc] 협업 툴 "왼쪽에서 이렇게 샤샤샥 나오는거랑, 밑에서 팍 하고 튀어나오는 모션으로 해주세요." 라고 요청이 들어오면 얼마나 황당하던지....... 몇 년전부터 프로토타입 사이트들이 많아지고 사용도 많이 되고 있는 추세다. 내가 알고 있는 몇가지의 프로토타입을 소개 까진 아니고 적어보고자 한다. ㅎㅎ zeplin https://zeplin.io figma https://www.figma.com Figma: the collaborative interface design tool. Figma keeps everyone on the same page. Focus on the work instead of fighting your tools. www.figma.com invision https://www.invisionap..
[mysql] 프로시저 호출하기 call c_prc_sel_search_word(16, 'bx2020032308100998924300', 'test', 1, @o_gbuy_cnt,@o_deal_cnt,@o_event_cnt,@o_pointmall_cnt,@o_total_cnt,@o_bef_cnt); select @o_gbuy_cnt,@o_deal_cnt,@o_event_cnt,@o_pointmall_cnt,@o_total_cnt,@o_bef_cnt;
[javascript&jQuery] 빈 배열 선언 및 값 저장 var sampleArr = new Array(); $.each(data.search_fixed_array, function( key, val ) { sampleArr[key] = val.search_word; } console.log(sampleArr);

티스토리툴바