expo eas로 웹앱 개발

기타|2024. 4. 29. 10:30
반응형

1. 엑스포 설치

npm install --global expo-cli

 

2. 엑스포 프로젝트 설치

npx create-expo-app 프로젝트이름

 

3. 시작하기

npx expo start

//만약 제대로 QR코드로 접속이 안되면
npx expo start --tunnel

 

 

 

https://docs.expo.dev/build/setup/

 

eas 설치

npm install -g eas-cli

 

expo 폴더에 eas config파일 생성

eas build:configure

 

빌드하기

eas build -p android --profile preview

 

 

키가 생성됬다고함.

 

 

 

abb파일 생성

eas build -p android

 

댓글()

인천 공항 제1 터미널 유심핀 있는 곳

기타|2023. 6. 27. 17:49
반응형

여행을 갈 때 웬만해서는 꼭 챙겨야겠다고 생각한 것이 있다. 유심을 교환할 때 쓰는 핀이다.

태국 돈므앙 공항에 도착하자마자. 이전에 있던 심으로 갈아껴야 했고 그렇게 하기 위해선 유심핀이 필요했다. 태국에선 유심카드 파는 곳에서 심카드 핀을 빌렸었다. 이렇게 빌리고 나서 한국에 도착하자마자 한국에서도 유심핀을 빌려야 하는 것이 생각났다.


심카드 교체 핀위치
다행히 인천공항에는 귀국한 사람들이 유심을 교체할 수 있는 장소가 있었다. 이전 블로그 들은 입국 수속이 끝나고 나오면 있는 인포센터에 있다고 했는데.. 거기가 아니라 입국심사 끝나고 밖으로 나오면 통신사 가판대가 있는데 바로 옆에 있었다.

댓글()

[티스토리 스킨 개발] 티스토리 스킨 (xml) 분석

기타|2023. 6. 19. 17:05
반응형

기본

https://tistory.github.io/document-tistory-skin/

 

소개 · GitBook

티스토리 스킨 가이드 티스토리에서는 스킨을 통해서 사이트를 자유롭게 디자인할 수 있습니다. 스킨은 치환자를 사용하여 제작되고 사용된 치환자에는 티스토리의 데이터가 대입되어 티스토

tistory.github.io

 

 

1. 이미지 업로드 타입 (IMAGE)

<variablegroup name="타이틀 헤더">
    <variable>
        <name>logoImage</name>
        <label>로고 (높이 18px)</label>
        <description></description>
        <type>IMAGE</type>
        <option></option>
        <default></default>
    </variable>
</variablegroup>

값치환자

 

그룹치환자

<s_if_var_logoImage></s_if_var_logoImage>

<s_not_var_logoImage></s_not_var_logoimage>

 

 

2. 셀렉트 타입 (SELECT)

<variablegroup name="PC 레이아웃">
    <variable>
        <name>sidebartype</name>
        <label>사이드바 형태</label>
        <description></description>
        <type>SELECT</type>
        <option>
            <![CDATA[
            [
                {"name":"right", "label":"2단 우측 사이드바", "value":"right"},
                {"name":"drawer", "label":"1단 서랍 사이드바", "value":"drawer"}
            ]
        ]]>
        </option>
        <default>right</default>
    </variable>
</variablegroup>

 

3. 베리어블그룹  

<variablegroup name="목록 탐색 방법">
    <variable>
        <name>listmore</name>
        <label>PC 목록 탐색</label>
        <description></description>
        <type>SELECT</type>
        <option>
            <![CDATA[
            [
                {"name":"listmorenumber", "label":"페이지 나열", "value":"listmorenumber"},
                {"name":"listmorebutton", "label":"더보기 버튼", "value":"listmorebutton"}
            ]
        ]]>
        </option>
        <default>listmorenumber</default>
    </variable>
    <variable>
        <name>listmoremobile</name>
        <label>모바일 목록 탐색</label>
        <description></description>
        <type>SELECT</type>
        <option>
            <![CDATA[
            [
                {"name":"listmorenumbermobile", "label":"페이지 나열", "value":"listmorenumbermobile"},
                {"name":"listmorebuttonmobile", "label":"더보기 버튼", "value":"listmorebuttonmobile"}
            ]
        ]]>
        </option>
        <default>listmorebuttonmobile</default>
    </variable>
</variablegroup>

 

4. 베리어블그룹으로 묶인 (STRING, SELECT, BOOL)

<variablegroup name="슬로건 섹션">
    <variable>
        <name>headersloguntitle</name>
        <label>슬로건 타이틀</label>
        <description></description>
        <type>STRING</type>
        <option></option>
        <default>기본으로 들어가는 값</default>
    </variable>
    <variable>
        <name>headersloguntext</name>
        <label>슬로건 상세문구</label>
        <description></description>
        <type>STRING</type>
        <option></option>
        <default></default>
    </variable>
    <variable>
        <name>headerslogundisplay</name>
        <label>슬로건 섹션 보여줄 곳</label>
        <description></description>
        <type>SELECT</type>
        <option>
            <![CDATA[
            [
                {"name":"headerslogundisplayon", "label":"홈에서만 노출", "value":"headerslogundisplayon"},
                {"name":"headerslogundisplayoff", "label":"홈과 목록에서 함께 노출", "value":"headerslogundisplayoff"}
            ]
        ]]>
        </option>
        <default>headerslogundisplayon</default>
    </variable>
    <variable>
        <name>headerslogunmobile</name>
        <label>슬로건 섹션 모바일 적용</label>
        <description></description>
        <type>BOOL</type>
        <option></option>
        <default>false</default>
    </variable>
</variablegroup>

 

5. 칼러 타입 (COLOR) 

댓글()

[코골이 치료] 아마존 10만원짜리 하악전진장치 사용후기

기타|2023. 6. 12. 11:28
반응형

시도한것들

코골이 수술 실패로 더 심하게 코를 골아 하루에도 자다가 자기 코고는 소리에 놀라 새벽에 몇번이나 깨는 일이 많아졌다. 병원하고 얘기를 해보니 (병원에서는 수술이 잘됬다고 주장) 정상체중임에도 불구하고 살을 더 빼거나, 양압기나 하악전진장치를 사용해보라고 한다. 

 

- 살빼는건 5KG정도를 감량해보라고 하는데 정상체중에서 이걸 빼는건 쉬운게 아니다. 

- 양압하기를 사용했는데 안그래도 소리에 예민해서 잠잘때 깨는데, 양압기 소리 + 자기가 숨쉬는 소리를 들으면서 잠자는게 쉬운게 아니다. 

 

 

하악전진장치

시도 해볼 수 있는건 하악전진장치인데 얘기를 해보니 비용이 대략 100만원 정도 하는거 같다.  물론 이 지긋지긋한 코골이만 없어질 수 있다면 100만원도 아깝지 않지만... 만약에 효과가 없다면 그냥 100만원을 날리는 것이다. 

그러다 아마존에서 이 제품을 발견했다.

 

후기를 보니 좋아졌다는 사람이 있었다. 100만원짜리 사서 효과 없어서 생돈 날리느니, 이걸 한번 시도해 보자는 생각이 들었다. 한국까지 배송비를 합치니 10만원 정도가 나왔다. 그리고 몇일 뒤 실제 제품이 배송되었다. 

 

 

실물

 

 

능숙한 손놀림으로 언패키징을 해봤따 ㅠ. 

 

 

사용법

처음에 사용할때 영어로만 되어 있어서 실수 하지 않을까 하며 여러번 읽었다.  간단하게 말하면 끓는 물에 제품을 넣고 60초 뒤 꺼내서 30초간 이빨로 물어서 자신의 치아에 맞도록 변형을 시키는 것이다. (이빨이나 입이 뜨거울 수 있으니 제품을 입에 넣기전에 찬물로 입을 헹구는게 좋다.) 

 

그렇게 본을 뜨게 되면 아래처럼 자신의 이빨에 맞는 하악전진장치가 만들어진다.

 

 

효과

가장 중요한게 효과 아닌가...

이틀간 사용해본 결과를 얘기해본다면... 사실 나는 이걸을 사서 사용해보기 잘 했다고 생각이 든다. 이걸 사용하고도 코를 아직도 곤다. 하지만 확실히 덜 곤다. 그리고 중요한건 턱이 많이 아프다. 턱근육이 아픈걸 떠나서 두통까지 왔다. 심지어 아랫니도 아프다.. 왜냐면 턱은 원래위치로 들어가려고 하는데 기기는 앞으로 땡기기 때문이다. 

 

코를 덜고는게 아파서 잠을 제대로 못자서 덜 곤건지 효과가 있는건지 모르겠다. 턱을 빼는 정도를 조절 할 수 있는데 조금 덜 빼봐야 할 것 같다.  

 

이걸 사서 사용해보기 잘했다고 생각된건 100만원짜리 맞쳐서 "이거 쓰느니 그냥 코를 골겠다."  이 생각 들면 100만원 그냥 날리는 것이다. 10만원도 작은 돈은 아니지만 만약 써보고 자기한테 맞다고 생각하면 자신감있게 좀 더 고급 제품을 생각해볼 수 있지 않을까?

 

 

댓글()

[빙챗 사용기] 챗지피티(Chat GPT)와 빙챗(Bing Chat)비교 #뉴빙

기타|2023. 2. 25. 13:33
반응형

작년말 부터 챗지피티(chat gpt)가 엄청난 인기를 끌고 있다. 해외 물품 판매를 위한 쇼피파이 웹사이트를 제작하면서 Chat GPT에 위력을 체감 하였다.

마이크로소프트의 빙이 채팅 기능을 출시한다 하여 빠르게 웨이팅 리스트에 이름을 올렸다.

그리고  어제 아침 아래의 이메일을 받았다.

(이렇게 빨리 받을 수 있을거라 생각하지 못했다.)

 

(코드 생성은 플러터와 스벨트를 실험해봤다.)

 

이제 CHAT GPT와 Bing Chat을 비교해보자!

 

1. 실시간 기능

- Chat gpt

가장 단순한 질문인 한국의 대통령이 누구냐는 것을 물어보았지만, Chat GPT의 정보는 2021년에 머물러 있다.

재미있게 즐겨보는 유튜버에 대해 물어보았다. 

 

- 빙챗

똑같이 한국대통령이 누구냐고 물어보았다. 아래 나오듯이 먼저 검색을 한뒤에 답변을 만들어준다.

 

이번에는 슈카월드에 대해서 물어봤다. 확실히 최신정보를 바탕으로 정보를 준다.

 

 

2. 광고 카피와 뉴스기사 만들기

- Chat GPT

20대 여성을 타깃으로한 핸드폰 보호케이스에 대한 광고 카피 3개를 만들어 달라고 하였다. 그리고 튼튼함, 독성이 없는 물질, 귀여운고양이 3마리 디자인을 특징으로 한다는 추가 정보를 주었다.

 

 

답변이 의도와 다르게 타깃 그룹을 카피 문구에 넣어서 카피 문구에 빼달라고 요청했다. 아래 처럼 영어 카피가 만들어 졌다. 아래의 답변을 바탕으로 쉽게 해외마케팅에 사용할 수 있다.

 

이번에는 뉴스기사를 만들어 달라고 해봤다.

 

 

-빙챗

과연 빙챗도 잘 할 수 있을까? 

 

아래 답변을 보니 꽤 괜찮다.

 

 

그럼 위를 바탕으로 신문기사를 만들어 달라고 해볼 것이다

 

놀라운건 온라인에서 찾은 팁을 통해서 생성을 했다는 것이다.

나름 괜찮게 적은거 같다. 심지어 영업담당자와 대표의 이름과 하는 말까지 지어내 준다.

 

 

3. 코딩

그럼 코딩도 할 수 있을까?

 

-Chat GPT

먼저 Chat GPT에 차례다.

아래 처럼 길게 길게 적어준다. 이 외에도 더 쭉쭉 길게 만들어주는데 생략한다.

 

 

 

-빙챗

다음은 빙 챗의 차례이다. 기대가 된다.

여기까지 이해했냐고 물어본다. ㄷㄷ

그래서 이해했다고 대답하였다.

또 빙 챗이 물어본다. 그리고 아래에 할 수 있는 답변들이 적혀 있다.

No, Please continue를 선택해본다.

 

마치 선생님이 가르쳐 주듯이  나누어서 코드를 설명해준다.

 이런식으로 계속해서 설명을 해준다. 이 정도로 자세하게 적어줄지는 몰랏다.  잘 되는지는 실행해보지 않았다.

챗 GPT도 엄청나지만 빙챗도 엄청난거 같다.

 

플러터로 간단한 코드를 만들어 달라고 했을땐 Chat GPT와 같이 예전 코드를 사용했으며, 실행을 하려면 수정이 필요했다.  

 

 

결론

GPT 만큼 빙챗도 좋다. 빙챗도 어떻게 묻느냐에 따라 다른 답변을 줌으로 Chat GPT처럼 잘 물어보고 요청하는게 중요한 것 같다.  UI는 개인적으로 chat gpt가 더 깔끔해서 마음에 든다.

앞으로 구글 bard가 나오게 되면 이 둘을 뛰어넘을 수 있을지 궁금하다. 

 

댓글()

[무역]해외에서 물품 소싱할때 잊지말고 메모할 것들

기타|2023. 2. 22. 17:01
반응형

소싱에서 판매자와 협의 기간이 길어지면 헷갈리는 경우가 많다. 아래의 사항을 나누어서 새로운 정보가 나올때 마다 적어 놓으면 덜 헷갈릴 수 있다.

 

제품: 제품  디테일이다.  

- 사이즈

- 두께

- 제질

 

가격: 같은 제품이라도 수량/재질 등에 따라 가격이 다를 수 있다. 또 어떤 시기에 따라서 이전에 받은 견적보다 비싸지는 경우가 있다

 

쉬핑날짜: 생산에 따라, 협의가 길어짐에 따라 쉬핑날짜가 딜레이가 될 수 있으므로 잊지 말고 물어보는게 좋다.

 

쉬핑비용: DDP방식 처럼 수출자가 제품을 배송을 책임지는 경우에 쉬핑 비용역시 물어봐야한다. 그렇지 않으면 포워딩업체에 물어본 뒤 기재

 

기타서비스: 라벨부착, 포장, 검수비 등등

 

 

 

 

댓글()

[코골이 수술 후기] 코골이+편도 절제술 한달뒤 - 부작용?

기타|2022. 10. 7. 07:33
반응형

요약

편도 수술은 좋다. 편도 결석도 안생기고 달고 살았던 고열도 막아주었다.

코골이수술인 목젖 성형과 연구개 수술은 아직 효과를 못보고 오히려 코를 심하게 고는 부작용이 있다. 

(병원에선 두 달간 더 기다려보자고 한다)

 

 

저번에 편도제거와 코골이 수술 초기에 관한 글을 쓴적이 있다.

수면 다원검사로 중등도 무호흡이 나와서 편도를 제거하는 것과 더해서 코골이 수술까지 받았다. 

 

한달이 넘었기 때문에 더 이상 통증은 없다. 하지만 요세 극심한 피로를 느끼고 낮에 조는 현상이 생겼다.

처음에는 이미 코골이 수술을 했기 때문에 코골이 때문은 아니고 다른 이유 때문인줄 알고 이유를 찾아 보았다. 하지만 아무런 이유를 찾을 수 없었고 코골이 어플을 사용해 얼마나 코골이가 좋아졌는지 체크해 보았다. 

 

밤새 녹음된 파일을 들어보니 코골이가 오히려 더 심해진 것을 알 수 있었다. 이전에는 깊은 잠에 빠져야 코를 골았는데 이번에 녹음된 파일에서는 그냥 잠을 자면 바로 코고는 소리를 들을 수 있었고 코를 안고는 구간을 찾기 어려울 정도 였다. 숨을 더 잘 쉬려고 수술을 했다가 숨쉬기 더 어려워진 것이다.

 

일단 병원에 찾아가 보았고 아직 수술의 상처가 내부적으로는 아물지 않았기 때문에 두 달만 기다려 보자고 한다. 병원 말처럼 두달 뒤 나아진다면 좋겠지만, 일단 두달을 버티는 자체가 너무 힘들다.

 

코골이 수술을 하면 1%라도 좋아질 줄 알았지 더 심해질 수도 있는건 상상도 못했다. 인터넷 보니 나아지거나 별 효과를 못본건 있어도 더 악화된건 못봤는데.... 지금으로선 코골이 수술까지 한걸 후회하고 있다. (더 심해진 코골이와 평소에도 연구개를 축소하는 수술 때문에 약간 입천장이 땡기는 느낌-이건 코골이만 좋아졌다면 무시할 수 있을정도인데 ㅠㅠ)

 

 

---- 10월 26일 2022 추가----

아직도 코골이는 나아지지 않았음. 수술 이후 깊이 잠들지 않아도 코를 고는 현상이 지속됨. 낮에 잠이오고 일어났을 때 두통과 함께 깨어나는 경우도 있음. 무기력함을 느끼고 이전 보다 집중에 어려움을 느낌. 양압기나 하악전진기가 도움이 된다면 당장에라도 사용하고 싶음.

 

댓글()

시디즈 T20 구매 후기[키작은 사람 오피스의자 추천][허리통증][내돈내산]

기타|2022. 9. 29. 13:51
반응형

기존에 시디즈 T50을 사용하고 있었다. 시디즈면 한국에서 꽤 유명한 의자 아닌가... 하지만 쓰면 쓸수록 허리가 너무 아파서 의자를 고르러 시디즈 매장에 갔다.

원래는 T40을 생각했으나 앉아보니 T20이 내 체형에 더 맞는거 같았다.

참고로 내 키는 165 CM정도이다.ㅠ

T30은 예전 회사 다닐때 사용하던 제품이였는데 그때도 사용하면서 허리아픔을 느끼진 않았었다. 하지만 매장에서 기업고객이 아닌 개인 고객에겐 팔지도 않는다고 했다. 어째튼 매장에 있는 의자중에 허리가 등에 완벽하게 닿는 의자였기 때문에 모델명은 낮지만 T20을 구매하기로 했다

3일 뒤 택배가 왔다. 직접 조립해야 한다.

15분만에 할 수 있을까 ....?


조립이 끝났다. 어렵지는 않다.
그러면 기존에 쓰던 낡은 T50과 비교해보자


위에 사진응 보듯이 등받이가 T20이 더 앞으로 나온걸 볼 수 있다. T50은 보편적으로 시디즈에서 잘나가는 모델이라고 하지만 나는 키가 작아 등받이가 아주 일부만 닿고 있었다.

어째튼T20에 앉아보니 허리가 다 닿아 훨씬 편하다.

T50 저 모델은 원래는 척추를 잡아주는 받힘이 있었는데 개인적으로 아파서 뺏다...근데 동생은 개인적으로 엄청 편했다고 한다.

그래서 원래 T50의 주인이였던 키 178의 동생은 외국에서 저 의자를 아직도 그리워 하고 있다.

의자를 살때 매장에 가서 직접 앉아보는걸 추천한다. 특히 키가 작은 경우 앉맞는 의자에 앉다보면 허리가 금방 버린다. 병원에서 허리에만 몇 백만원 쓴거 같은데... 좀 빨리  맞는 의자를 사서 쓰는게 훨씬 이득이다 ㅠㅠ


참고 - 165에 발 받침대를 쓰고 있음. 안써도 편한데 쓰면 뒤로 완전히 기대서 머리 받치고 사용가능함

댓글()