타입으로의 생각의 전환

Computer 관심/이것저것|2023. 7. 4. 00:06
반응형

나는 주로 파이썬과 자바스크립트를 사용했고, 혼자 코딩을 하면서 타입을 사용하지 않았다. 물론 대학교 때 C와 Java를 배운적 있어 타입에 대해 완전히 모르는건 아니었다. 사용할 필요가 없다고 생각하고 안사용하고 있었지만 이젠 동적타입 스크립트언어도 다 타입을 받아들인거 같다. 

 

요즘 그 성능이 좋다는 fastapi를 가지고 놀고 있는데 튜토리얼을 보면서 타입이 적힌 코드를 보는게 익숙하지 않아 고생이었다. 처음부터 타입을 사용하던 사람이나 팀으로 프로젝트를 진행하는 사람들은 아마도 타입을 사용하는게 익숙하겠지만 타입을 안쓰던 사람이 타입을 쓰려니 머리가 아픈것이다.

 

 

어째튼 타입을 사용하기 위해선 기존에 가지고 있던 생각을 바꿔야 했다.

 

 

"변수는 그릇 혹은 컨테이너다." 이런 개념이 "스트링용 컨테이너, A클래스용 컨테이너, 숫자용 컨테이너" 로 나눠져야 한다

 

기존의 함수에 대한 생각은 "파라매터를 받고 결과를 준다." 에서 "여과기를 통과한 파라매터를 받고 여과기를 거쳐서 결과를 준다".로 이미지가 변해야 했다. 

 

 

이상하다... 이렇게 시각적으로 상상이 되지 않으면 받아 들이기가 어렵다.

그래도 이렇게 한번 시각화가 되면 사용이 가능하다.

반응형

댓글()

[티스토리 스킨 개발] 티스토리 스킨에 메인배너 개발하기

Computer 관심/이것저것|2023. 2. 22. 23:06
반응형

블로그에 IT와 여행 수술 후기 등을 쓴지도 꽤 지났다. 그렇게 인기 있는 내용의 글을 적지는 않아서 그런지 많이는 방문 하지 않는다. 대략 사람들이 하루에 100명 가까이는 방문하는거 같다. 

 

 

1. 독일어 과외를 하는 친구가 독일어 배우는 학생을 찾는걸 도와달라고 부탁을 한적이 있는데 하나의 포스팅에 작성을 하다보니 많은 사람들이 보지 않았고 효율성이 없었다.  지금 사용하는 스킨에 공지사항을 올리는 기능이 있는가 봤지만 없었다.

 

2. 한국에 귀국한지 꽤 지났고 본격적으로 일을 찾으려 하는데, 생각보다 쉽지 않다. 꽤 많은 사람들이 내 블로그에 방문하는데 웹/앱 기획이나 개발로 일자리를 구하고 있다는 것을 알릴 수 있으면 어떨까 싶었다.

 

 

 

그래서 아래의 사진 처럼 보듯이 홍보 및 공지(빨간박스) 영역을 만들게 되었다.

원래 사용하던 스킨의 이름은 오딧세이다.

아래를 보듯 게시글을 보더라도 위에 홍보&공지 영역이 보여진다.

 

방법

위 처럼 하는데는 간단한 html, css코딩이 필요하다.  

 

1. Admin에 들어가 스킨변경을 누른다.

 

2. 아래 사진처럼 사용중인 스킨을 볼 수 있을 것이다. 자신이 바꿀 스킨을 다운로드를 한다.

 

3. 먼저 간단한 티스토리 스킨의 구성을 살펴보면 다음과 같다. 

index.xml, skin.html, style.css 

파일로 구성이 되있고 

XML파일을 열어보면 xml태그와 아래의 스킨편집의 구성이 동일하다는 것을 것을 알 수 있다. XML에 나는 기존에 없던 공지 및 홍보 영역을 추가 하였다.

 

위에 보듯이 공지 및 홍보 섹션엔 배너용 이미지와 홍보링크를 가지고 있다.

위는 아래의 코드를 추가했기 때문이다. 

 

variablegroup name= "공지 및 홍보" 는 섹션의 타이틀이 된다.

그 안에 두개의 variable을 넣은 것을 볼 수있는데 name은 html편집에서 티스토리 치환자에 사용될 변수의 이름이다.

타입은 아래 보듯 IMAGE와 STRING이 적혀있는데

 

1) IMAGE는 이미지를 업로드 할 수 있는 기능을 스킨 편집창에 나타낸다.

2) STRING은 위에 보듯 홍보링크에 input필드를 추가 시켰다.

이 외에도아래 보듯 select나 다른 타입도 있어 원하는 것을 추가 시키면 된다.

 

나는 메인배너로 쓸 이미지를 올리는 기능과 그것을 눌렀을때 이동하게 할 페이지를 넣을 수 있도록 텍스트 인풋을 추가했다.

 

그리고 스킨 등록을 통해 업로드를 시켜보면 우리가 xml에 추가한 것들이 스킨편집창 메뉴에 적용된 것을 볼 수 있다.

 

 

 

3. HTML편집하기

 

변수명 은 xml에 variable name이다.

 

<s_if_var_변수명>: 만약 변수가 있으면 <s_if_var_변수명></s_if_var_변수명>사이의 내용이 보여진다.

: 스킨편집창에 넣은값이 보여진다.

<s_not_var_변수명> 변수가 없으면 <s_not_var_변수명></s_not_var_변수명>그 사이 내용이 보여진다.

 

위에 코드를 보듯 container 안 area-main 위에 adAreaImg가 있으면  img 태그가 나타나게 했다.

widh="100%"를 넣어서 가로로 화면에 꽉차게 했다. 링크가 없으면 링크가 없는 배너를 보이게 했고, 링크가 없으면 링크가 없는 배너를 보이게 했다.

 

이렇게 하면 배너는 나타나는데 쓴 글을 볼때 문제가 발생한다. 이 문제는 간단하게 html에 article-header를 찾아서 업에버렸다.

 

그러면 아래사진 처럼 빈공간이 생겨버리는 문제가 발생하는데

 

 

 

#tt-body-page .main에 padding-top: 470px이 있어서 그렇다.

 

이걸 css에 들어가서 지워주면 된다.

반응형

댓글()

[ga4] non-standard event parameters(gtag prameter). Only possible to check from real time overview.

Computer 관심/이것저것|2023. 2. 3. 11:21
반응형

https://support.google.com/analytics/answer/10075209?hl=en

 

gtag로  받은 데이타가 모이지 않고 실시간으로만 보여질때는 custom dimension으로 등록을 해한다. 그래야만 데이타가 쌓인다.

 

This is the solution for problem that the data recived from gtag is not stored but only show in real time data. 

 

반응형

댓글()

파라메터와 아규먼트

Computer 관심/이것저것|2022. 9. 18. 14:38
반응형

파라메터 - 함수(어떤시스템)을 정의하는 하나의 요인

아규먼트 - 함수에 제공되는 값

 

예를 들면

 

닦기라는 함수를 만들면 

 

def 닦기 (도구, 대상):
	도구를 든다.
    	도구로 대상을 3회 문지른다.

여기서 도구와 대상은 닦기라는 시스템의 파라메터이다.

그리고 아규먼트를 통해 실제 값을 제공한다.

반응형

댓글()

해외(유럽, 캐나다) 개발자에 대한 주저리 주저리

Computer 관심/이것저것|2022. 8. 21. 19:34
반응형

2017년 호주에 있을 때 일이다. 개발자를 5개월간 맛만 보고 그만둔 뒤 게스트하우스에서 살면서 여러사람들을 만났다. 현재는 모르겠지만 퍼스는 유난히 유럽에서 온 사람들이 동양사람보다 많았는데. 나한테 오기전에 하던 일을 물어봤다. 나는 IT개발자라고 했고 "우와 너 돈 정말 많이 벌었겠네!" 유럽애들이 감탄했던 기억이 있다.

 

하지만 현실은 국비지원 학원에서 찍어져나온 비전공 코더로 당시 세후 170에 미치지 않는 월급을 받았었다. 그런데 유럽애들은 프로그래머에 대해 너무 멋진 직업이라 생각을 하고 있었다. 그 당시 나는 뷰 vuejs 에 대해 관심을 가졌었고 어떻게 하다가 룩셈브루크에서 온 프론트엔드 개발자를 알게 되었고, 그 또한 뷰에 관심을 가지고 있었기 때문에 재미있게 대화를 나눌 수 있었다. 그런데 놀랐던 점은 2017년 당시 코로나 이전 인데도 그 친구가 다니는 회사의 복지가 놀라웠다. 

금요일은 맥주데이다. 와서 맥주 마시고 동료랑 이야기 하면 된다. 강제적 야근은 없다. 그리고 스스로도 야근을 안하려고 한다. 

 

그 친구는 "프로그래머는 지금 유럽에서 Rock star야" 이렇게 말했다. 신입이 조금 힘들지만 신입만 벗어나면 여기저기에서 개발자를 모셔올려고 난리라고 했다. 특히 유럽의 경우 국가에 상관 없이 일을 할 수 있기 때문에 유럽 어디든 일을 할 수 있다고 했다.  

 

특히 관심이 갔던 곳은 독일의 베들린이 였다. 영어권 국가에 비해 직업에 워킹 비자를 얻기 쉬운 국가였으며 (특히 호주) 비용이 꽤 들지만 부트캠프를 거치면 그 부트캠프가 직업을 구하는 것도 도와주는 과정도 있었다.  베를린 IT 회사는 워낙에 개발자들이 각국에서 온 경우가 많아 업무에 영어를 사용한다고 한다. 또한 경력을 쌓을 인정받고 다른 국가로 이동하기 쉽다. 

 

이때 관심이 있었던 부트캠프는 여기였다.

https://www.spiced-academy.com/en

 

Spiced Academy | Your new career starts here

Kickstart your new career with our intensive, on-site tech programs in Web Development and Data Science.

www.spiced-academy.com

웹 개발 과정 12주에 1,000만원 ㄷㄷ (7,800 유로)

데이터 사이언스 는 더 비싸다 12주 1300만원 (9,800유로)

10시 부터 6시까지 빡세긴 하다.

 

얼마전 태국에서 세르비아 출신 파이썬 서버 개발자와 얘기 해봤는데 70,000 - 80,000 달러를 받고 일을 하고 있다고 했다. 자기 나라 물가가 낮기 때문에 아주 풍족하게 살 수 있다고 했다. 그 사람은 강력하게 유럽에서 커리어를 시도 해보라 했는데 ㅎㅎ 모르겠다.

 

동생은 한국에서 대학교를 나오지 않고 국비 개발 학원을 통해 직업을 구하려고 했다. 완벽하게 실패했다. 지금도 그런지 모르지만 그 당시 학력이 고졸이라고 채용이 안된다는 거였다. 그리고 캐나다로 워킹홀리데이를 떠나 지금의 부인을 만나고 개발자로 일하고 있는데 작은 자신의 연봉이 캐나다에서 더 오래 일한(디자인 계통) 부인보다 높아져서 부인이 자기 연봉에 대해 불평 한다고 한다. 

 

이런 잡생각 주저리 주저리에 대한 결론은...

나이가 30대 이하면 주저하지 말고 해외 IT 개발자를 도전하면 좋을거 같다.

사실인지 모르겠으나 경력을 쌓고 워킹홀리데이로 캐나다 IT 회사에 컨텍을 하고 가서 1년 일하면 영주권도 얻을 자격이 생긴다 들은거 같다.  

 

 

 

-----------광고-----------

독일 친구가 부탁 해서 씁니다.

독일유학 정보와 독일어 교육에 자신있는 친구입니다. 한국어 아주 능통!

 

독일어 온라인 과외 (1:1)/독일 유학,워홀,어학,직장&이민 준비 완벽히 도와드립니다!

안녕하세요! 탓샤 입니다. 

독일어 과외 A1-C2까지 진행하고 있습니다. 

독일어를 처음 시작하시는분,Telc,괴테,Testdaf,DSH 시험, 인터뷰 준비하시는분들 모두 환영합니다! 

독일어 과외는 현재 코로나 인해 스카이프이나 줌으로 진행중 입니다.

대면 수업 원하시면 상의를 통해 결정 가능합니다.

1회, 1시간, 4만원입니다.
과외는 한달 기준으로 주 1-5회 등 모두 자유롭게 선택 가능하며

주 1-3회: 10% 할인 

주 4-5회: 20% 할인

해드립니다.  

 

주 5회의 경우 레벨 당 8주 목표로 수업 진행합니다.

저와 함께 1년 열심히 하시면 왕초보에서 독일 원어민과 큰 문제 없이 대화가 가능한 B2레벨까지

갈 수 있습니다.

 

과외를 통해서 더 정확한 발음으로 교정도 받고 독일인이 사용하는 자연스러운 문장을 배울 수 있습니다.

기왕 독일어를 배우시려면, 제대로 배우세요!


저의 대해서 말하자면: 

-독일 태생
-독일,초,중,고, 대학교 졸업
-경희대 썸머 스쿨 
-외대 교환학생 
-서울대학교 어학연수 
-서울에서 2년 6개월 어학연수 
-한국 대학원 준비중
-독일어번역일
-유학원직원
-한국어와 영어 가능
-2016년부터 지금까지 초,중,고, 대학생, 현대 삼성 직장인 총 70명 이상 과외
-학생들 연령대: 8~50세
-과외 경력: 총 7년

저의 과외는 이런분들께 추천합니다!
-기초부터 독일어를 공부하고 싶으신분
-취미로 독일어를 배우고 싶으신분
-자격증 시험을 준비하시는분
-어학연수/워킹홀리데이/독일유학 위해 독일어를 공부하시는 분 및 도움이 필요하신 분
-독일 조기유학준비 또는 독일학교 다니신분 

 

교재는 걱정하지 마세요~
🌟교재들은 제가 전부 준비합니다.

관심 있으신분은 연락 부탁드립니다!

 

블로그 글 보고 연락 드렸다고 하시면 됩니다~

 

카카오톡: thatsha1025

 

 

반응형

댓글()

[워드프레스] 워드프레스 쇼핑몰 만들기 처음부터 끝까지 + 블루호스트 + 엘레멘토 사용법

Computer 관심/이것저것|2022. 1. 5. 13:38
반응형

회사에서 쇼피파이 대신 워드프레스를 사용하기로 결정해서 워드프레스와 우커머스를 사용하여 쇼핑몰을 만들 계획이다. 워드프레스를 사용하면 코딩 없이 쇼핑몰을 만들 수 있는 장점이 있다.

 

 

0. WAMP설치하기 

1)윈도우에서 실행할 수있는 아파치 MYSQL PHP서버를 설치함.

2)워드프레스용 디비 만들기 

 

혹은 처음부터 호스팅을 시작하기

 hostgator.com / bluehost.com / fastcomet.com

 

블루호스트

1. 그냥 워드프래스를 만든다.

2. 호스팅 이전: 도메인 닷컴에서 블루호스트의 nameserver - ns1.bluehost.com 이걸 등록하고 도메인 dns record의 세팅 ns @ ns1.bluehost.com이걸 바꿔줌

3. ssl이 적용이 안됬을 경우 bluehost에서 ssl 다시 run 시켜줌

 

1. 워드프레스 설치하기

만들어 놓은 디비명을 입력하여 워드프레스를 설치함.

 

2. SETTING 설정 바꾸기

사이트타이틀 바꾸기

사이트 태그라인 바꾸기

자신의 사이트 주소 입력

블로그를 위한 포스트 주소이름 변경

3. 플러그인 설치

워드프레스 설치가 완료 되었으면 관리자 페이지에 들어가 (localhost/wp-admin/)플러그인을 설치해야함

 

1) 엘레멘토 설치 (elemento)

드래그앤드롭으로 쉽게 웹사이트를 만들 수 있는 웹빌더플러그인. 엘리멘토를 사용하면 느려진다는 얘기가 있지만 엘리멘토를 사용하여 사이트를 개발하는게 훨씬 쉽게 느껴졌기 때문에 그걸 감수하는게 낫다 생각함.

 

2) 우커머스 설치

 

4)Essential Addons for Elementor

더 많은 위젯들을 사용할 수 있도록 해줌

프로덕트 그리드 같은 우커머스연동 위젯도 제공함

 

5) wptobe-signinup 설치

사용을 위해서는 sign up과 sign in page 를 만든뒤 아래에서 세팅을 해주면 자동으로 로그인 창이 생성됨 

6) if Menu 설치

메뉴 조건 보여주는 기능

7) storecustomizer 설치

 

8) smush 설치

- 이미지업로드시 이미지 최적화

- 이미지 lazyloading

- 이미지가 안뜨는 경우가 있는데 아래 처럼 세팅하니까 이미지가 잘 뜬다.

 

9) W3 Total Cache

페이지 캐쉬

 

10) starter templates

버전에 따라 이게 자동으로 생성이 안되는 경우가 있나봄.

 

11) translatepress

멀티랭기지 플러그인을 설치하고 세팅에 들어가면 쉽게 번역을 만들 수 있다.

다만 url이 /language/의 형식으로 사용시 번역 페이지가 안뜨고 404가 뜰 경우 

https://translatepress.com/docs/addons/language-get-parameter/

에서 zip파일 플러그인을 받거나

*추천하는 방법인데

settings/Permalink Settings에 들어가서 /파라메터/ 형식으로 바꾸어줘야 함 

 

 

*WPML 유료버전 사용시 년간 $99

 

12) 최적화

https://cafe.naver.com/wphomepage/5986

위의 주소의 글처럼 최적화 했더니 문제 발생

Webcraftic Clearfy – WordPress optimization plugin를 사용하라고 적혀있는데 

이걸 사용했더니 if menu에 문제가 발생함

 

4. 아스트라 테마 설치

1) 스타트업테마로 ecommerce 테마를 설치 함 이때 엘리멘토로 된 테마를 설정해야 함

아스트라 ecommerce를 설치시 함께 추가되는 plugins

 - Cartflows 카트 디자인 플러그인

- WooCommerce Cart Abandonment Recovery 장바구니에 담고 구매하지 않는 고객들 관리 

- WPForms Lite 컨텍트페이지에서 이메일 남기는 플러그인

 

 

 

*엘리멘토 기본 사용법

 

- 섹션: 페이지에 섹션으로 구성되어 있음

동그라미 플러스 버튼을 눌러서 섹션의 스트럭처를 선택함.

* 폴더 모양을 클릭하면 블럭과 템플릿(미리 만들어진 레이아웃)을 불러 올 수 있음 - 처음부터 만드는것 보다 유용 (필요없는 요소는 지우고 이미 디자인된 위젯들은 복붙하고 새로운위젯 추가/수정하여 사용)

섹션

 

아래는 섹션요소의 편집창이다.

위의 속성들을 변경하여 섹션의 구조를 변화 시킬 수 있다.

 

높이(height)속성을  Min Height로 바꾸면 마음데로 섹션의 높이를 바꿀 수 있는 것을 볼 수 있다. 

 

스트럭처를 통해 섹션의 비율도 조절 할 수 있다.

 

또한 새로운 섹션을 기존섹션 위에 추가하고 싶으면 생성된 섹션위의 +버튼을 클릭하여 섹션을 새로운 섹션을 생성 할 수 있다. 

+ 옆의 6개의 점 아이콘을 드래그하면 섹션의 위치를 바꿀 수 있으며 클릭시 섹션의 요소를 바꾸는 창이 나오게 할 수 있다.

섹션의 편집창에 보면 Style이라고 있는데 여기서는 글자색, 글자정렬, 배경색, 배경 이미지, 배경오버레이( 보통 나중 글씨를 배경위에 올리는 색 / 이미지) 섹션의 모양을 노멀과, 호버시에 따라 지정할 수 있다.

 

호버에 속성 변경은 버튼위젯에서 사용하면 좋다. 호버시 애니메이션도 삽입 할 수 있기 때문에 인터렉티브한 웹사이트로 만들 수 있다.

또한 신박한 점은 영상이나 슬라이드쇼를 백그라운드로 간단히 바꿀 수도 있다는 것이다.

고급에 들어가면 PC, 타블릿, 모바일에 따라 안여백, 밖여백, 클레스, 아이디, 모션이펙트 등을 지정할 수 있다.

- 엘리먼트(위젯) 삽입하기

일리먼트(위젯)를 삽입하는 건 쉽다. 일단 편집창에서 목록박스를 두번 누르면 엘리멘트를 볼 수 있는데, 여기서 그냥 자신이 넣고자 하는 위젯을 찾아 드래그하여 원하는 곳에 넣으면 된다. 아래 사진을 보듯 다양한 위젯들을 제공한다. 

 

이렇게 락이 되어있는 것은 유료 버전에서 사용할 수 있는 위젯이다. 여러가지 편리한 위젯을 사용할 수 있는데 1년에 49달러면 비싸게 느껴지진 않는다.

 

 

어째튼 더 밑으로 화면을 내려보면 다시 무료로 사용 할 수 있는 위젯들을 볼 수 있다. 

어째튼 간단히 드래그앤드롭으로 자신이 원하는 위치에 위젯을 놓을 수 있다.

이미 위젯이 있을 경우 그 기존요소의 위나 아래에 드래그 드롭이 가능하다.

 

 

모든 위젯은 수정할 수 있는 왼쪽 상단 아이콘을 가지고 있으며 이것을 클릭하면 각 위젯의 속성을 바꾸어 줄 수 있다.

칼럼속성 변경

 

헤딩의 내용 및 속성 변경

 

 

텍스트위젯을 삽입했을 때 왼쪽 속성창에서 놀랍도록 쉽게 글을 적을 수 있다.

 

 

버튼의 경우 링크 설정시 메인url을 넣지 않는게 좋다. 그래야 도메인이 바뀌더라도 링크가 깨지지 않는다.

즉 (메인url 제거 http://asdfasd.com)/product-category/men/ 옆쪽 굵은 글씨만 링크로 연결하는 게 좋다.

 

 

 

뿐만 아니라 마우스 오른쪽 버튼을 클릭하여 복사 붙여 넣기도 할 수 있다.

 

위젯중 숏코드 사용가능 (옆의 숏코드를 변경하면 자신이 원하는 데로 구조와 상품의 종류를 결정 할 수 있음)

예를 들면

[products limit="4" columbs="4" category="카테고리 슬러그" ]

 

더 많은 숏코드를 보고싶다면

https://woocommerce.com/document/woocommerce-shortcodes/

 

Shortcodes included with WooCommerce

WooCommerce comes with several shortcodes that can be used to insert content inside posts and pages. How to use shortcodes Where to use Shortcodes can be used on pages and posts in WordPress. If you are using the block editor, there is a shortcode block yo

woocommerce.com

 

 

 

 

 

헤더빌더로 헤더 수정하기

마음데로 로고, 메뉴, 카트의 위치를 이동/ 추가/변경 할 수 있다.

 

아래의 디바이스 아이콘을 통해 각각 디바이스 별로 헤더의 위치나 로고 배경색등을 쉽게 지정 할 수 있다. 

 

*우커머스 사용법

위와 같은 양식을 적거나 밑에 스킵을 클릭함

 

제품페이지를 보면 아래 사진 처럼 프로덕트 데이터에서 일반 상품과 제휴상품을 설정 가능

제휴 상품의 경우 제품의 주소를 입력 할 수 있음.

이럴 경우 구매 버튼을 클릭하면 자신이 링크한 페이지로 이동됨.

 

2) 우커머스 세팅에서 배송 및 통화설정을 할 수 있다.

3) 별점 및 리뷰

위의 메뉴에서 

4) 회원가입

세팅에 들어가서 체크

 

 

상품추가하기

1) 카테고리부터 추가함

2) 이름과 슬러그를 정한뒤 카테고리로 추가

이때 자식카테고리로 만들고 싶으면 parent category를 설정함. 

* 자식으로 만들면 '부모카테고리/자식카테고리'의 형식으로 url이 생성됨 

 

3) 상품 만든 뒤 카테고리 결정

4) 상품 대표 이미지 추가 및 기타 이미지 추가 

- 디스크립션 영역은 elemento로 구성이 가능하다.

- 숏디스크립션은 가격아래 나옴

5) 업셀(상품페이지에서 추천으로 보여짐)과 크로스셀(카트페이지에서 추천으로 보여짐)을 설정 할 수 있다.

6) attributes과 variable product > attributes에서 used for variations>variations>create

 

 

이렇게 만든 페이지는 appearance> main menu에서 추가 할 수 있다.

 

우커머스 상점에서 만든 카테고리는 아래처럼 체크를 해야지

메뉴에 추가 할 수 있다.

 

 

우커머스store/cart 페이지 수정하기

- elementor로 수정이 안됨

- appearance>widget으로 들어가서 우커머스사이드바에서 사이드바 순서를 변경하고 추가 할 수 있음

- 사이드바만 수정이 되지 상품 나오는 곳은 코딩으로 수정해야함

 

storecustomizer이걸로 약간 수정 가능

 

 

 

결제까지 가는것을 체크하는 좋은 방법

캐시온 딜리버리 기능을 사용하여 결제과정을 테스트하면 편함

이렇게 구매를 하면 order에 주문리스트가 생성됨

여기서 스테터스를 바꾸어서 배송 상태를 관리 할 수 있다.

 

쿠폰생성

아래처럼 퍼센테이지/픽스드 카트 디스카운트(총 가격에서 할인)/ 픽스드 프로덕 디스카운트(모든상품 일정금액 할인)/ 특정상품 할인 (usage 리스트릭션)

 

 

 

 

블로그 페이지 설정

 

 

결제

국내 결제 플러그인 설치

 

사용할 결제 대행사를 설정

 

이렇게 누르면 자동으로 우커머스페이먼트 탭에 결제가 추가되어진다.

대행사 사이트에서 서비스 신청하기

 

해외 결제

플러그인 설치

사동으로 설치되고 세팅방법은 유튜브나 인터넷 찾아보기

 

 

 

 

블로그로 쓸 페이지를 설정함

그 뒤 메뉴에 추가 하면 됨

 

 

이미지 다운 받기 - 픽사베이

로고디자인 - freelogodesign.org

반응형

댓글()

firebase rule

Computer 관심/이것저것|2021. 12. 23. 14:50
반응형

https://seizemymoment.tistory.com/11

 

[Firebase] 파이어베이스 보안규칙 (Firestore Security Rules ) 작성 방법

파이어베이스에서 제공하는 보안규칙은 코드가 간단하며 보안규칙을 위해 인프라를 관리하거나 복잡한 서버측 인증 및 인증 코드를 작성할 필요 없다. 하지만 보안규칙을 적용하지 않으면 파

seizemymoment.tistory.com

 

https://dev.to/jamalmoir/firestore-rules-examples-must-know-patterns-to-secure-your-data-bm1

 

Firestore Rules Examples – Must-Know Patterns To Secure Your Data

This post is part of a post originally posted on my blog where I write about coding, software develop...

dev.to

https://cloud.google.com/firestore/docs/security/get-started#auth-required

 

 

 

 

allow write: if request.auth.uid == resource.data.author;

request.auth.uid는 파이어베이스스토어에서 인증된 id며, resource.data.author은 사용자가 author 필드에 넣은 값이다.
즉 id가 author 필드에 있는 값과 같은 것만 alow 된다.

request.resource.data.author로 하게 되면 디비가 아니라 request한 현재의 데이터 값을 사용한다.

 

ex

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /driverList/{driver} {
      allow read: if true;
      allow write: if request.auth.uid != null;
    }
     match /hotPlace/{place} {
      allow read: if true;
      allow write: if request.auth.uid != null;
    }
  }
}
반응형

댓글()

[생각] 코딩에 대한 생각의 전환

Computer 관심/이것저것|2021. 9. 11. 12:32
반응형

프로그래머가 아닌 많은 일반인들이 프로그래밍을 배우고 있다.

심지어 5살짜리 애기도 코딩에 대해 배운다고 하는 말을 듣고 굳이 그렇게 일찍 배울 필요가 있나 싶은 생각도 들었지만 코딩이 기초학문이 되어가고 있는 것을 느낄 수 있었다. 심지어 아이들의 교육을 걱정하는 부모님까지 코딩에 대해 기본은 알고 싶다는 이야기도 들었다.

 

문득 코딩이 글쓰는 것과 비슷한 것 같다는 생각이 들었다.

글 쓰는 것은 기본적으로 모든 사람이 배우지 않는가.

그런데 코딩도 비슷한 것 같다는 것이다.

 

나는 직업이 프로그래머가 아니지만 '간단한 코드를 만든다.'

반복되는 작업을 자동으로 하는 10줄 정도의 간단한 코드이다.

다른 직원에게 설명해주고 싶지만 배우려는 의지도 없어보인다. 

그들의 생각은 '너는 프로그래머 였으니까...'

 

그런데 코딩에도 글 처럼 수준이 존재한다.

'번득이는 아이디어를 갈겨되는 한줄의 메모'

'아무렇게나 생각을 적어되는 내 블로그 수준의 글'

'전문적인 학술지의 글'

'아마추어 소설가의 글'

'작가의 글'

 

심지어 많은 사람들은 몇 년 혹은 몇 달동안 글을 적지도 않을 것이다. 

 

전문 적인 프로그래머로서의 코드는 간결하고 읽기 좋으며 구조적으로 완벽에 가까워 보일 것이지만

일반인의 코드는 그렇지 않을 수도 있으며 그럴 필요도 없다.

 

일반인이 글을 쓰며 '내 글은 완벽해야되' 라고 생각을 하면 아무 글도 쓸 수 없는 것 처럼.

일반인이 전문적인 수준의 코드를 만들어 내려고 하면 아무것도 적을 수 없다.

하지만 일반인이 쓰는 글이 가치가 없다고 여겨지지 않는 것 처럼 

일반인이 만든 코드가 가치가 없다 말 할 수도 없다. 

 

몇줄의 파이썬 코드지만 회사에서 꽤 많은 업무 시간을 줄여줄 수 있다.

돼지우리 같은 코드로 만든 회사 홈페이지가 회사에서 꽤 중요한 역할을 할 수도 있다. 

 

글을 써야 하는데 자신이 전문가가 아니라고 글을 쓰지 않겠는가.. 

 

 

코딩을 하는게 엄청나게 다른 것을 한다고 생각하는 주변사람들도 문제이다.

사무직을 다니면서 엑셀을 쓰지 않는 사람들이 얼마나 될까?

엑셀 전문가가 아니여도 엑셀을 쓴다. 

 

코드도 딱 그 정도만 되도 쓸 수 있다.

 

 

 

반응형

댓글()