8월 이후로 두 번째 장기 재택근무 중입니다 재택근무 3주차에 접어들어 요즘 하고 있는 웹개발에 대해 이야기하려고 합니다! 메인작업은 워드프레스를 이용한 웹콘텐츠 제작 및 웹사이트 QA개발 작업입니다!
참고로 웹 개발을 하기 위해서는 이런 구조에 익숙해져야 합니다! 유튜브와 구글링이 베스트 프렌드! (사진 출처 : https://images.app.goo.gl/2RbLJiUXTKdsxQH3A) 오늘의 업무 첫 번째 : 포트폴리오 제작) 이전에 제작해 놓은 포트폴리오의 백엔 드에 들어가 그 구조를 참고하여 제작했습니다. 포트폴리오 제작 시 웹페이지 콘텐츠를 결정하고 제목/헤드라인 설정, 썸네일 이미지 설정, 메뉴 드롭다운 설정 등을 하였습니다.
사용법을 익혔기 때문에 이제는 쉽게 할 수 있게 되었지만 처음 배울 때는 뭐가 어디 있는지 가르쳐 주기 전에는 그런 기능이 있는지도 모르는 경우가 많았습니다. 옵션을선택함으로써새롭게나타나는옵션도있고,워드프레스플랫폼을실현한사람들은이런부분들을어떠한이유로그렇게실현했는지궁금해하면서도나름대로설득이돼서예상이안가지만새로운요구를본인이제안해서미리채울수있게해주는것같습니다. 처음에는 숨겨진 기능이지만 알면 알수록 많은 기능들이 포함되어 있어서 좋다는 뜻입니다.:)
WordPressd의 WP Bakery를 이용하여 포트폴리오를 제작한 화면 워드프레스에서는 콘텐츠를 웹페이지로 만들고 포스트, 페이지, 포트폴리오 등의 형태로 제공하고 있습니다. 업데이트된 최신 워드프레스 버전을 사용하면서 버전에 맞추기 위해 WP Bakery 플러그인을 사용하여 웹페이지를 만들고 있습니다. 먼저 포트폴리오 구현에 대해 설명한 적이 있지만 페이지와 포스트도 제작 원리는 거의 비슷해요. WP Bakery 플러그인을 이용하면 웹 사이트 레이아웃 설정에서 다양한 유형의 미디어를 드래그&드롭 기능*옵션 설정으로 보다 편리하게 웹 페이지를 구성할 수 있습니다. 코딩을 모르는 사람도 사용할 수 있다는 장점이 있는데 HTML, CSS, Javascript, jQuery 이런 것들이 웹 프로그래밍 언어를 이해할 때 200%로 활용할 수 있는 툴입니다.
더 자세히 웹 페이지의 컨텐츠를 구성하는 데 사용하는 기능 ▶ Row, Inner Row를 추가하면서 각 섹션 Customize(1, 2+1/2, 1/3+1/3 등) ▶ 포트폴리오의 Title 추가, Row, Inner Row, Inner Row 를 추가하여 텍스트를 찾고 텍스트를 원하는 원하는 색상을 찾아보고, Tar는 다시 원하는 색상을 찾아보고, paring, 원하는 색상을 다시 원하는 색상을 찾아보고, text폴리오의 Text폴리오의 Text폴리오의 Text 추가, text 추가, text 추가, text 추가를 원하는▶같은 유형의 포트폴리오가 나타나도록 뒤에 포트폴리오를 추가하고 이때 그리드 옵션에서 설정 후 한 줄에 5개만 보여주고 그 이상으로 넘어가면 페이지 수를 선택하도록 번호를 누르거나 화살표를 눌러 보도록 설정한다.
거기서 만들어진 포트폴리오 부분!!오늘 업무 두 번째: 웹 페이지를 번역하는 작업 워드 프레스에 GTranslate 플러그인을 설치해서 사용하고 있습니다. 플러그인 사용 방법을 설명해 놓은 유튜브 동영상을 보고 활용 가능한 기능을 먼저 파악한 뒤 작업을 시작했습니다. 아래 첨부해 놓은 15분 분량의 영상을 보고 작업을 하면 어떤 플러그인을 사용하는지 알 수 있습니다. (유튜브에서 배우는 컴퓨터 세계~!) 메인으로 제공하는 기능은 영문 웹페이지를 한글, 중국어, 프랑스어, 스페인어, 러시아어 등 다양한 언어로 번역하는 것입니다. 자동으로 웹 문서를 번역해 줘 편리하지만 숫자 표현의 문맥을 알 수 없어 번역 오류가 발생해 확인하는 작업이 필요합니다.
GTranslate Tutorial 2020 – How To Setup & Configure GTranslate FordPress – GTranslatePlugin | SERT Media – WordPress에 대해 말했고 현재 업무중점에 대해 말했고, 웹 2개를 개발중점에 대해 이야기했습니다 Tutorials. 위 두 가지는 오늘 작업의 일부분으로, 최근 QA개발 직무를 경험했습니다. 여기서 QA 개발자는 품질 보증을 의미하는 Quality Assurance의 약자인데 무엇을 테스트하느냐에 따라서 정말 많은 것을 알아야 합니다. 그 중 하나가 바로 새로운 웹사이트의 디자인과 기능을 공개하고 몇 주 동안 요구사항을 충족하는지, 필요한 기능이 구현되었는지를 확인하는 작업입니다.
워드프레스(WordPress)와 어도비에스디(Adobe Xd)를 메인으로 이용하여 웹페이지 관리 및 콘텐츠를 제공합니다. 사이드 업무를 위한 호스팅 서비스(Cafe24)와 어도비 프리미어 프로(Adobe Premiere Pro), 한글 파일, 구글 Sheet, 구글 문서도 사용하고 있습니다. 정말 끝없는 배움입니다.~~~!!
재택근무하면서 사무실에 있는 듀얼모니터가 그리울 때도 있지만 노트북 와이파이와 모바일폰 무선통신이 잘 연결돼서 좋아요!
사무실에 근무하면 사용할 수 있는 듀얼 모니터 영상으로도!
사무실 앞에서 청계천, 가을 낙엽 때 자주 산책해서 좋았다
