프론트앤드/이것저것 9

중소기업수출지원센터- 아마존 입점 프로세스 강의 #2

미국 창고내에서 상품을 출고하는것임미국 전역에 창고가 존재 해서, 우리가 한곳에 보내더라도, 각각 창고에 알어서 보내줌사실상, 한달에 몇백개 정도 수준은 안되고, 천건 이상 있어도 거의 상품 CS에서 처리하는 수준아마존이 배송만 대행해 주는게 아니라, 교환, 환불 , CS 도 같이 병행 하고있기 때문에 아마존 커버가 가능 함 (인건비 절감, 시간아끼기 가능)  '아마존'이라는 마켓플레이스를 을 언제까지 진행할것인가? , 수출할 수 있는 '역량'이 있는가?를 생각해 봐야하는데, 정확한 계획에 의해 진행했으면 함. -> 아마존에서 Test하고 싶어하는 대표가 많은데, 그것이랑 맞지는 않음한국에서 밖에 못 구하는 상품아니면 그냥 FBA로 판매하는게 좋음 FBA는 선택이 아닌 필수!아침마다 고객관리 및 출고작업..

중소기업수출지원센터- 아마존 입점 프로세스 강의

아마존 가입까지 필수적으로 필요한 단계 0. 인증ex) 뷰티/음식 : 인증 FSVP (통관에 문제가 되지 않을 만큼 준비되어야 함) ->인증대행사랑 인증 모두 갖춰야함 1. 가상계좌 : 아마존에 판매를 할때 아마존에서 요청하는 가장 기본적인 요구사항 중 하나로, 판매대금을 수출할 계좌 (우리는 미국 계좌가없기 때문에 가상계좌를 생성해서 가장계좌역할을 하지만, 실제로 돈을 모두 수출할 수 있음 (권장 : 페이오니아) ) 가상계좌 만들때 필요한게 있음- 이메일(아마존 용으로 새로 만드는것을 추천) : 중요한 알림, 판매 되는것 모두 옴- 사업장 영문 주소 : 영문 사업장의 주소는 최신화가 되어있고, 미국에서 사용하는 주소 표기법을 사용 했는가 를 봄- 페이오니아 등 가상계좌서비스도 인증이 많이 필요하게 되었..

[패스트캠퍼스] 메타광고 종류 및 세팅 실습

1. 캠페인 설정 및 목표- 트래픽1) 클릭 : 실제 광고를 클릭한 것 2) 랜딩 페이지 조회 : 클릭을 한 다음에 광고를 끈다거나, 랜딩 페이지를 끈다거나 서버가 동작하기 전에 종료하는 것 (클릭보다는 정교하게 실제 들어온 사람인지 확인할 수 있음)   * 대부분의 전환을 노리고 하는 메타 광고는 트래픽 보닫는 판매를 하는게 더 좋음Meta가 원래 CPC가 낮은 매체가 아니다 보니, 평균적으로 트래픽 : 약 500-600원 / 판매 : 약 1000-1200원 정도 트래픽은 CPC가 싸더라도, 판매 캠페인보다 전환율이 2배이상 좋지 않기 때문에, 트래픽만 하면 메타광고에서는 비효율적임  - 참여 : 게시물과 관련된 것 (일반적인 전환 광고에서는 잘 안함)- 잠재고객 : 회사로서 리드를 확보 리드 : 어떤..

웹 성능 최적화

프론트엔드 개발에서 중요한것은 무엇이 있을까? 다양한 기술들이 필요하겠지만, 그중에서도 사용자 경험을 증가시키기 위해서 로딩속도를 개선하고, 성능 최적화를 위한 기술적 노력이 정말 중요할 것이다. 안그래도 면접에서도 자주 나오곤 했는데, 이번 기회에 다시한번 정리해 보았다. 코드 최적화: 불필요한 코드를 줄이고, 코드를 압축하거나 최소화하여 파일 크기를 줄이는 등 코드 최적화를 수행한다. 이미지 최적화: 이미지 파일을 적절하게 압축하고, 필요 이상으로 큰 이미지를 사용하지 않도록 최적화한다. 레이지 로딩: 페이지가 로딩될 때 먼저 필요한 부분만 로딩하여 초기 로딩 속도를 개선하는 기술을 적용한다. 파일 번들링과 분할 로딩: 코드를 더 작은 블록으로 분할하여 필요한 부분만 불러오거나, 자주 변경되지 않는 ..

JWT(JSON Web Token)

인증 & 인가를 다시 복습하면서, 헷갈리는것들을 정리하고 있다. 막연하게 JWT를 위코드에서 배워서 그냥 썼었는데, 요즘에 다시 복습을 하면서 왜 쓰게 된것인지, 다른 토큰보다 좋은점이 뭔지 다시한번 정리해 보려고 한다. JWT (JSON Web Token) : 클라이언트(사용자)와 서버 간에 정보를 JSON 개체로 안전하게 전송하기 위한 개방형 표준이으로, JSON 개체에 기본정보, 전달할 정보, 검증 정보를 모두 담고 있있다. 또한, JWT는 전자 서명이 되어있기 때문에 검증 과정을 거쳐 확인하고 신뢰할 수 있으며 Secret Key 또는 Public/Private Key Pair를 사용하여 서명할 수 있다. JWT는 일반적으로 Base64로 인코딩된 데이터와 전자 서명으로 구성되어 있는데, 전자 서..

세션과 쿠키를 이용한 인증 flow

프론트엔드 기초지식을 복습하는과정에서 현업에서 인턴 경험에서 로그인을 구현할 때 썼던 방법인 세션과 쿠키를 이용한 인증flow에 대해서 다시 복습할 기회가 되어 이렇게 정리를 해 보았다. 용어 정리 Session : 동일한 클라이언트(사용자)가 브라우저를 통해 웹 서버에 접속한 시점으로부터 브라우저를 종료하여 연결을 끝내는 시점 동안에 들어오는 일련의 Request를 하나의 상태로 보고, 그 상태를 일정하게 유지하여 클라이언트와 웹 서버가 연결된 상태를 말한다. Session ID : 서버는 Session에 대한 정보를 저장하고 클라이언트에게는 Sesssion을 구분할 수 있는 ID를 부여하는데 이것을 Session ID 라고 한다. Cookie : 클라이언트의 컴퓨터에 저장되는 데이터 파일로, Cook..

[2차 프로젝트] small box read me + 회고록

🙋🏻‍♀️ 위코드에서의 2차 프로젝트를 마쳤다 🙋🏻‍♀️ 정말이지.. 1차때보다 더 어려운 예시 홈페이지들이 많았고, 그 중 우리는 cgv를 참고로하는 프로젝트를 진행하게 되었다. ' 영화관 예매 서비스 컨텐츠 ' 우리 small box의 회고를 시작하겠다 . CGV : 다양한 장르의 영화와 경험을 상영함으로써 관객에게 관람환경 뿐만 아니라 그 이상의 서비스와 감동을 전달 함으로써, 다양한 즐거움과 특별환 경험을 통해 total lifestyle을 선도하는 종합 생활문화 공간 제공 을 한다면 small box ‘독립영화, 즉 신선한 장르와 특별한 소재를 좋아하거나 입문하고자 하는 관객에게 영화를 선보이자 ’ 라는 목표를 두고 다양한 장르에서 보다 감성적인 인디영화에 포커스를 두어 주 매니아층 그리고, 다..

[Git branch]

Please enter a commit message to explain why this merge is necessary, especially if it merges an updated upstream into a topic branch 해결하기 git merge를 진행하려고 하면 한번씩 꼭.... merge가 왜 필요한지 commit message를 남기라고 하더라.. Please enter a commit message to explain why this merge is necessary, especially if it merges an updated upstream into a topic branch 이런식으로 나오고 키보드 누르더라도 아무것도 안눌린다.. 이때!! 해결할 수 있는 방법! 1. i..

[1차 프로젝트 회고]

🙋🏻‍♀️위코드에서 첫 1차 프로젝트를 진행하였다🙋🏻‍♀️ 선물가게 커머스 프로젝트 배민문방구 우리조는 국내 '배민문방구'를 모티브로 하는 프로젝트를 진행하였고, 깔끔하고 심플한 사이트 UI를 가졌으며, 프론트엔드 및 백엔드 공부를 위한 필수적인 기능들이 있고, 구현하기 크게 어렵지 않을 것 같은 사이트라 생각되었지만, 2주라는 짧게느껴진 기간동안 원하는 모든 기능을 넣지는 못했다. 프론트엔드와 백엔드가 같이 협업 한 생애 첫 번째 프로젝트이다 보니 다소 부족하기도 하다... 1. 프로젝트 개요 1-1. 기간 및 인원 기간 : 23년 2월 6일 ~ 2월 17일 (약 2주) 인원 - 프론트엔드 : 이동민, 이해인, 박준현 - 백엔드 : 이홍렬, 황수영, 박세희 1-2. 프로젝트에 사용된 기술 스택 Fron..

728x90