리뷰2021. 4. 1. 15:30

집에서 책상용 의자로 사용했던 의자는

듀오백, 한샘, 시디즈 를 사용했는데,

 

메리페어 와우 라는 의자가 편하다고 하여 이번에 구입하게 됐다.

 

와우 체어는 와우1과 와우2 2종류가 있는데,

와우1은 등받이가 위로 갈수록 좁아지는것이고, 와우2는 위로 갈수록 넓어지는 것이다.

 

어깨가 좁은 사람은 와우1, 어깨가 넓은 사람은 와우2가 어울린다고 하겠다.

 

 

와우1 체어

 

와우2 체어

 

 

재질에 따라 종류가 5가지로 구분이 되는데,

TPE, 메쉬, 패브릭, 인조가죽, 천연가죽으로  천연가죽 제품이 10만원 더 비싸다.

 

메쉬나 패브릭, 가죽 의자는 많이 써봤지만, TPE 의자는 처음 들어본다.

TPE 란?

 

 

 

고무보다는 단단하고 플라스틱보다는 말랑거리는 재질이라고 한다.

 

 

제품은 본체, 다리 바퀴 로 나눠져서 발송이 되는데,

조립은 다리에 바퀴를 끼우고, 본체를 끼우기만 하면 끝난다.

 

 

조립설명서에서, 1, 2 번으로 조립은 끝나고, 3,4,5 는 사용방법이 되겠다.

 

 

 

 

제품에는 방청윤활제인 WD-40 (미니) 도 포함되어 있다.

센스있게 품질보증서의 구매일자는 택배 배송받는 날짜로 되어 있다.

 

 

구입한 제품은 블랙프레임 그레이TPE 제품이다.

제품 구성에 TPE 는, 그레이와 망고 밖에 없었는데, 새로 나온 색상인가보다.

좌판, 등판등은 그레이TPE와 동일한데, 프레임이 블랙색상이다.

 

 

 

 

처음 앉았을때는 차갑고 딱딱한 느낌이다.

물론 TPE 재질이라 완전 딱딱한 형태는 아니고 하드하면서 약간 플렉서블한 느낌이다.

 

기존에 등판은 메쉬, 좌판은 패브릭 제품을 쓰다가 바꾼거라 적응기간이 필요하겠다.

일단 등판이 메쉬를 사용한 의자는 의자 뒷면에 섬유먼지가 쌓이게 되는데,

TPE 재질이라 옷 등판이 닳지는 않으리라 기대해본다.

 

몇시간 정도 앉았더니 적응이 되어 편한 느낌이 든다.

의자의 전체 프레임은 잘 만들어진 하나의 시스템(SYSTEM) 처럼 유기적으로 동작하는 느낌이 든다.

 

비싼 가격을 지불했지만, 가격이 리즈너블하게 느껴진다.

 

 

 

메리페어의 의자에 대한 철학이 그대로 녹아있는 제품이 아닌가 한다.

 

 

의자에서 조절이 가능한 부분은 전부 조절이 된다고 보면 된다.

의자 등받이 각도 조절 및 고정이 가능하고,

다른 의자들은 등받이만 움직인다거나, 등받이랑 좌판이랑 함께 움직이는데 이때 각도가 유지되는 형태로 움직이는데 반해, 와우 체어는 등받이가 움직이면서 좌판이 시스템적으로 같이 움직이는 형태를 취하고 있다.

 

리클라인 글라이드 모션 이라고 하는듯 하다.

 

 

자세한 사용법은 제조사의 동영상 사용법을 보면 되겠다.

 

youtu.be/EIRxh72cmKc

 

Posted by 헝개
개발팁2021. 3. 18. 21:48

스틸 이미지가 많이 나오는 웹화면을 좀 더 다이나믹하고 보이려면 어떻게 해야 할까..

네이버 메인이나, 이미지 많은 쇼핑몰에서 주로 쓰는 방법이 마우스를 이미지 위로 올려놓을때, 이미지를 확대해서 보여주는 방법이다.

 

 

 

 

css 스타일시트를 분석해 볼 줄 안다면 아래와 같은 형태의 코드로 되어 있다는 것을 알 수 있다.

 

.default_list table tr:hover .photo img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

 

 

hover 즉, 마우스가 이미지 위로 올라왔을때 css 가 적용된다.

이미지를 확대해서 동적으로 보여주는 css 스타일은 2가지다.

 

transform: scale(1.1);

 

즉, 10% 확대해서 보여준다는 것이다.

scale(1.5) 로 하면, 50% 확대가 된다.

 

하지만, 이 효과만 있다면, 마우스 오버시 즉시 확대된다.

여기에 좀더 동적으로 보여지게 하는것이

 

transition: all 0.3s;

 

즉, 0.3 초 동인 A -> B 의 변화를 보여준다는 것이다.

 

(A)원래이미지 -> (B)확대된이미지

 

A에서 B 로 변화하는 과정을 보여준다는 것이다.

 

1.0s 로 바꾸면, 1초동안의 변화를 볼 수 있다.

 

 

어라, css 스타일은 2가지라고 했는데, 처음의 css 를 보면 몇가지 다른것들이 보인다.

 

-webkit-transform  // 크롬, 사파리
-moz-transform     // 파이어폭스
-ms-transform       // 익스플로러

 

위 3종류는 브라우저 호환성을 위해서 쓰여진 것이다.

 

 

 

이제, G마켓은 이미지 확대 기능이 적용되지 않은 사이트인데, 아래의 주소로 이동해서 테스트를 해볼 것이다.

 

corners.gmarket.co.kr/Bestsellers

 

아래 자바스크립트 코드를 실행해보자. (크롬의 개발자도구)

 

$('img').hover(function(){
    $(this).css("transform", "scale(1.1)");
    $(this).css("transition", "all 0.3s");
  }, function() {
    $(this).css("transform", "scale(1)");
});

 

이제 G마켓 사이트도 동적으로 이미지가 확대되는걸 볼 수 있다.

 

 

 

 

scale 숫자와 transition 숫자를 바꿔가면서 테스트 해보면, 재밌는 효과를 볼 수 있다.

 

Posted by 헝개
개발프로그램2021. 2. 3. 17:32

코멘트 추첨기는 각종 사이트의 댓글(코멘트) 을 검색해서 보여주고,

원하는 옵션에 따라, 추첨을 해서 당첨자를 선정해주는 프로그램이며,

댓글 목록을 엑셀로 내려받을 수 있는 프로그램입니다.

 

 

프로그램은 아래 링크에서 다운 받으실 수 있습니다.

bemeal2.tistory.com/269

 

 

 

1. 코멘트 검색하기

 

 

 

 

 

 

 

코멘트 검색은 현재, 네이버카페, 네이버블로그, 인플루언서, 다음카페, 유튜브, 뽐뿌, 딜바다

 

7개의 사이트를 지원하며, 추가로 엑셀로 업로드 하는 기능을 지원한다.

 

 

 

1-1 네이버카페

 

네이버카페 게시글 조회 화면에서,  [URL 복사] 버튼을 누르면, 클립보드에 URL 이 복사된다.

프로그램의 [게시글 URL] 에 붙여넣기 하고, [코멘트 가져오기]  누르면 된다.

 

 

 

1-2 네이버블로그

 

네이버블로그의 게시글 조회 화면에서, [URL 복사] 버튼을 누르면, 클립보드에 URL 이 복사된다.

프로그램의 [게시글 URL] 에 붙여넣기 하고, 코멘트 검색을 누르면 된다.

 

 

 

1.3 인플루언서

 

네이버 인플루언서의 게시판 화면에서, 공유아이콘을 누르면, 아래와 같은 팝업창이 뜬다.

여기서, [URL 복사] 버튼을 누르면 클립보드에 URL 이 복사된다.

프로그램의 [게시글 URL] 에 붙여넣기 하고, [코멘트 가져오기]  누르면 된다.

 

 

 

 

 

 

1-4 다음카페

 

다음카페 게시글 조회화면에서, 공유아이콘을 누르면, 아래와 같은 팝업창이 뜬다.

여기서, URL Textbox 를 클릭하면 클립보드에 URL 이 복사된다.

프로그램의 [게시글 URL] 에 붙여넣기 하고, [코멘트 가져오기]  누르면 된다.

(다음카페는 구조상 1페이지만 가져오게 됩니다.)

 

 

 

1-5 유튜브

 

유튜브는 Video ID 만 입력하면 된다.

웹브라우저의 주소창 맨뒤에 v= 다음에 있는 값을 복사해서 넣어주거나,

 

중간의 [공유] 버튼을 누르면, 아래와 같은 팝업창이 뜬다.

여기서 뒤쪽에 있는 Video ID 를 복사해주면 된다.


프로그램의 [Video URL] 에 붙여넣기 하고, [코멘트 가져오기]  누르면 된다.

 

 

 

 

 

 

 

쇼츠 주소는 뒷부분의 video id 를 복사해서 넣어준다.

 

 

 

1-6 뽐뿌, 딜바다

 

뽐뿌와 딜바다는 게시글 조회화면의 주소를 복사해서.

프로그램의 [게시글 URL] 에 붙여넣기 하고, [코멘트 가져오기] 를 누르면 된다.

 

 

 

1-7 로그인

 

비공개 게시글인 경우 또는 비공개 댓글이 포함된 경우에는 로그인이 필요하다.

아이디와 비밀번호를 누르고, 로그인을 누르면, 조그만 웹브라우저가 열리면서 자동으로 로그인 처리가 된다.

이때 입력한 아이디와 비밀번호는 save.dat 파일에 암호화 되어 저장이 된다.

(다른 사람에게 프로그램을 공유해 줄때는 반드시 save.dat 파일은 제외하고 복사해주어야 합니다.)

 

입력한 아이디와 비밀번호는 서버에 전송되지 않기 때문에 안심하고 이용해도 되며,

다음번 프로그램 실행시에 자동으로 입력이 되어 매번 입력하는 번거로움이 없다.

 

단, 찜찜하다면, 아이디와 비밀번호를 입력하지 않고, 로그인 버튼을 누르면,

웹브라우저창이 열리는데 여기서 수동으로 직접 아이디와 비밀번호를 입력하고 로그인 할 수 있다.

 

 

 

 

2. 코멘트 검색 및 관리

 

2-1 검색제외 옵션

 

[코멘트 가져오기] 를 할때, 검색제외 옵션에 따라 하단 코멘트 목록에 표시되지 않는다.

 

 

 

작성자 닉네임 : 본인도 댓글을 작성하였다면, 검색목록에서 제외하고자 할 때, 본인 닉네임을 입력하면, 검색에서 제외된다.

본인 닉네임이 아니더라도, 특정인을 제외하고자 할 때, 이용하여도 된다.

 

검색 제외 내용 : 댓글 내용중에 특정 단어가 있는 댓글은 제외하고자 할때 사용하는 기능이다.

 

하위댓글 제외 : 게시판이 댓글, 대댓글의 구조로 이뤄졌을때, 최상단의 댓글만 조회하고 하뒤 댓글은 제외하고자 할때 쓸 수 있는 기능이다.

 

하위댓글을 제외하지 않았을 경우
하위댓글을 제외했을 경우

 

응모마감시간 : 입력한 시간 이후의 댓글은 모두 무시할 수 있는 기능이다.

 

 

 

2-2 게시글 관리

 

 

게시글 목록에서 삭제하고 싶은 게시글이 있다면, 선택한다.

(Control 키나 Shift 키를 조합해서 선택하면, 멀티 선택이 가능하다.)
[선택목록 제외] 를 누르면, 목록에서 삭제된다.

 

전체 목록을 엑셀로 저장하고 싶다면, [엑셀로 내려받기] 를 누르면 PC에 엑셀파일로 저장이 된다. (PRO 버전)

 

 

 

 

3. 당첨자 추첨하기

 

 

중복제거 옵션과, 추첨인원을 설정하고, [추첨하기] 를 누르면, 당첨자를 random 하게 뽑아서 보여준다.

 

 

전체 코멘트는 91건이지만, 중복제거를 하면, 87건으로 줄어드는것이 보인다.

중복제거를 하지 않으면, 91건으로 변경이 된다.

 

 

중복제거를 하게 되면, 동일인이 2건이상의 댓글을 입력한 경우, 1명으로 인식해서, 당첨기회를 동일하게 1/N 이 된다.

즉, 코멘트를 여러가 작성한 사람이나 1개만 작성한 사람이나 동일한 당첨확률을 제공하게 된다.

 

 

 

4. 엑셀 업로그

 

엑셀 업로드 기능은, 타사이트에서 뽑은 추첨 대상자를 추첨하거나,

[엑셀로 내려받기] 해서, 편집후에, 추첨하고자 할 때 이용하는 기능이다.

 

타 사이트의 명단을 사용하고자 할때는, 프로그램 폴더의 엑셀업로드_샘플.xls 파일을 열어서, 

양식에 맞게 입력하고 업로드 하면 된다.

 

파일열기 아이콘을 눌러서, 엑셀 파일을 선택하고,

[엑셀 업로드] 버튼을 누르면, 하단에 목록이 나온다.

 

 

 

Posted by 헝개