본문 바로가기
반응형

분류 전체보기

 (59)
[ChatGPT] GTP로 비즈니스 전화 영어 다이얼로그 작성하기 얼마 전 미국에서 장비를 수입하는 업무를 진행했다. 대부분 이메일로 업무를 진행했고 이전에 포스팅했듯이 ChatGPT의 도움을 받아 비즈니스 영문메일을 작성했다. [AI로 만들기] - [ChatGPT] GTP랑 같이 영문 이메일 작성하기 그렇게 잘 진행이 되나 했는데,,, 애석하게도 미국 판매 담당자가 대응이 느리고 진행 상황이 확인 되지 않는 시간이 길어졌다. 현재 회사에서 관련 업무를 담당하는 사람은 나 혼자라서 달리 부탁을 할 사람도 없는 상황이고 직접 해결해야 하는 상황. 나는 고민끝에 미국으로 전화를 하기로 했다. 하지만 미국 현지인과의 전화 통화를 시도하는 일은 영문 이메일 작성이나, 화상미팅 과는 차원이 다른 부담. 혼자는 진행이 힘든 상황에서 나는 다시 ChatGPT에게 도움을 요청해 보기..
[ChatGPT] GTP랑 같이 영문 이메일 작성하기 2월 말부터 한동안 유럽과 미국에서 인쇄 장비를 수입하는 업무를 진행하게 됐다. 기존에 수입 관련해서는 업무를 진행했던 적도 없었고 특히 인쇄 장비는 내가 잘 알지 못하는 분야라서 막막했는데 특히 시차와 영문 이메일 작성이 어려운 점이었다. 기존에는 영문으로 메일을 작성할 때 직접 러프하게 초안을 작성하고 파파고와 구글 번역기의 도움을 받았는데, 파파고를 써보신 분들은 알겠지만 이상하게 번역되는 일이 허다해서 믿고 쓰기가 어려운 단점이 있음. 마침 ChatGPT가 장안의 화제라 한번 써 볼까? 하는 마음으로 시작했는데 파파고와는 차원이 다른 아웃풋을 받고 지금까지 잘 활용하고 있어서 공유해 본다. ChatGPT로 초안 작성 하기 챗GPT 사이트에 접속해 New Chat을 시작 예를 들어 견적을 문의하는 ..
[AWS] MFA 키 분실 후 인증받고 재설정 한 경험 사내 프로젝트 진행을 위해 회사 공용 이메일 계정으로 AWS 계정을 만들어 사용했다. 이메일은 회사 공용 계정이었지만 인증은 내 휴대폰으로 해 두었는데 휴대폰에 문제가 생겨 초기화하면서 MFA 인증을 하지 못하게 되었다. 테스트 버전으로 세팅 중이어서 IAM 계정도 별도 설정해두지 않았던 터라 로그인을 할 방법이 없었다. 도움말에는 대체 인증방법이 있는데, 계정에 등록된 휴대전화가 있는 경우 그 방법이 가능했다. 하지만 이 계정에는 회사 전화번호가 등록되어있어 내 휴대폰으로 인증번호를 받을 수가 없는 상황. IAM 계정을 할당해서 사용했어야 했는데, 처음이라 몰랐다. 서비스팀에 지원 요청하기 결국 방법이 없어 아래 페이지에서 Request를 작성했다. (현재는 한국어 지원은 안 되는 것 같다.) http..
[추천 도서] 클린 코드 읽는 중 _01 오래전에 회사에 신청해두고 읽다 말다 하던 클린 코드를 다시 읽고 있다. 오랫동안 운영되어오는 사이트들에 페이지나 메뉴를 추가하는 작업을 하다 보면 특히 클린 코드의 중요성을 느끼게 된다. 신규 제작되는 사이트 작업의 경우도 팀 내에 가이드가 명확히 없어 각자가 기존에 하던 방식대로 이름을 붙이고 구조를 만들어서 간단한 기능임에도 의미를 쉽게 짐작하기 어렵게 작업되어 뒤에 개선하지 못하는 경우들도 있었다. 어떻게 하면 너무 경직되지 않으면서도 클린 한 코드를 작성하고 유지할 수 있을까 하는 고민에서 읽기 시작했는데 읽으면서 인상적이거나 기억해야 할 내용을 정리해 둔다. (아직 읽는 중임.) 1장 깨끗한 코드 깨끗한 코드란 뭘까? 레전더리 개발자들의 각자가 생각하는 깨끗한 코드의 정의랄까 그런 내용으로 시..
클라이언트사이드 렌더링(CSR) vs. 서버사이드 렌더링(SSR) 초심플하게 말하면, 서버에서 페이지 html을 완성해 클라이언트에 전달하면 서버사이드 렌더링, 클라이언트에서 페이지HTML을 완성해 클라이언트에 전달하면 클라이언트 사이드 렌더링이다. 서버 사이드 렌더링 서버사이드 렌더링은 매 요청마다 페이지 전체를 렌더 하기 때문에 새로고침이 발생하고 트래픽이 증가한다. 사용자가 느끼기에는 작동은 되지 않지만 정적인 화면을 빠르게 렌더해 보여주기 때문에 첫 로딩 속도가 상대적으로 속도가 빠르다고 느낄 수 있다. asp, jsp, php 클라이언트 사이드 렌더링 이에 비해 클라이언트 사이드 렌더링은 HTML과 자바스크립트 파일 등을 로드한 후 브라우저에서 렌더링을 하므로 상대적으로 초기 로딩 속도는 서버사이드 렌더링 오래 걸린다. 하지만 이후로는 서버로부터 페이지를 다시..
쿠키, 로컬스토리지, 세션스토리지 비교해보기 헷갈리기 쉬운 쿠키, 로컬 스토리지, 세션 스토리지의 공통점과 차이점은 뭘까? 각각의 항목별 특징을 표로 만든 자료를 보면 비교가 쉽다. 쿠키, 로컬스토리지, 세션 스토리지 모두 데이터를 저장하는 저장소이며, 'key-value' 값으로 데이터를 저장한다. 이때 모든 key와 value는 항상 string으로 저장된다. (object와 integer 등도 string으로 자동 변환됨.) 이 세 가지 저장소의 가장 큰 차이점은 데이터의 보관 기간이라고 할 수 있는데, 얼마만큼의 영속성을 갖는지에 따라 목적에 맞게 활용하면 된다. 로컬 스토리지 클라이언트의 정보를 영구적으로 저장한다. 의도적으로 삭제하지 않으면 영구 보관됨. 클라이언트에서만 읽을 수 있고, HTML5 이상의 브라우저만 지원된다. 세션 스토리..
브라우저는 어떻게 동작하나? 브라우저는 몇 가지 단계를 거처 사용자가 입력한 URL의 웹 페이지 정보를 렌더링 해서 사용자에게 보여주는 역할을 한다. 브라우저의 기본 구조와 작동하는 방식을 내가 말로 설명할 수 있도록 쉽게 정리해봄. 브라우저의 기본구조 브라우저마다 약간의 차이는 있지만, 대부분 다음 이미지와 같은 구조를 가지고 있다. UI 레이어(사용자 인터페이스) 브라우저 엔진 렌더링 엔진 네트워킹(통신) 자바스크립트 해석기 UI 백엔드 저장소(스토리지) 브라우저 동작 과정 1. Get Request 유저가 주소창에 URL을 입력하면, 브라운저는 URL의 서버에 get요청을 보낸다. 요청한 HTML 리소스에는 html내의 텍스트 정보와 각종 태그, img 등 미디어 콘텐츠, 자바스크립트, 스타일시트 등이 포함된다. 2. Get ..
미디어쿼리로 반응형 웹 CSS 작성하기 반응형으로 포트폴리오 웹을 만들고 있습니다. 오늘은 미디어 쿼리라는 것을 사용해봤는데요, 반응형 웹 코딩을 위해서는 필수로 알아야 하는 요소였어요. 지금까지 왜 몰랐지? 간단히 정리해봅니다. 반응형 디자인이란? 웹을 보는 화면의 크기에 따라서 화면에 최적화된 레이아웃으로 반응하며 변형되는 디자인. 잘 만들어진 예시는 11 powerful examples of responsive web design 에서 볼 수 있다. 반응형으로 디자인된 웹사이트는 데스크톱 모니터, 태블릿, 폰 등 디바이스 화면의 크기에 따라 레이아웃이 변경되는데, 우리가 사용해봐서 알 수 있듯이 주로 디바이스의 가로 폭에 따라 변경됨. Fluid layout 이라고도 함. 이렇게 화면의 사이즈에 따라 단계별로 달라지는 레이아웃을 구현하기..

티스토리툴바