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+1/3, 등) ▶ 포트폴리오의 Title 추가, Text 추가, ▶ 키워드 표시 사각형을 둥근 타원형으로 만드는데, css의 margin과 padding 값을▶같은 유형의 포트폴리오가 나타나도록 뒤에 포트폴리오를 추가하고 그리드 옵션으로 설정한 후 한 줄에 5개만 보여주고 그 이상으로 넘어가면 페이지 페이지 수를 선택하도록 번호를 누르거나 화살표를 눌러 보도록 설정한다.
그렇게 만든 포트폴리오 부분!오늘 업무 두 번째: 웹 페이지를 번역하는 작업 워드 프레스에 GTranslate 플러그인을 설치하여 사용하고 있습니다. 플러그인을 사용하는 방법을 설명해 놓은 유튜브 영상을 보고 활용 가능한 기능을 먼저 파악하고 작업을 시작했죠. 이하에 첨부해 둔 15 분의 영상을 보고 작업을 하면, 어떤 플러그 인을 사용하는지 알 수 있습니다. 메인 영문 웹 페이지를 한글, 중국어, 프랑스어, 스페인어, 러시아어 등 다양한 언어로 번역하는 것입니다. 자동으로 웹 문서를 번역해 주므로 편리하지만, 숫자 표현의 문맥을 알 수 없어서 번역 오류가 발생해서 확인하는 작업이 필요합니다.
Granslate Tutorial 2020-How ToSetup & Configure Granslate For Word Press-Granslate Plugin | SERTMedia-Wordpress Tutorials의 부언은 두 가지 업무에 대해 중점적으로 이야기했는데, 현재 웹 개발 직무를 담당하고 있습니다. 위 두 가지는 오늘 작업의 일부로, 최근 QA개발 직무를 경험했습니다. 여기서 QA 개발자는 품질 보증을 의미하는 Quality Assurance의 약자인데, 무엇을 테스트하느냐에 따라서 정말 많은 것을 알아야 합니다. 그 중 하나가 새로운 웹 사이트의 디자인과 기능을 공개해야 하며, 몇 주 동안 요구 사항을 충족하고 있는지, 필요한 기능이 수행되었는지를 확인하는 작업입니다.
워드프레스(WordPress)와 어도비에스디(Adobe Xd)를 메인으로 사용하며 웹페이지 관리 및 컨텐츠 구현을 담당하고 있습니다. 사이드 업무를 위해 호스팅 서비스(Cafe24)와 어도비 프리미어 프로(Adobe Premiere Pro), 한글 파일, 구글 Sheet, 구글 문서도 사용합니다. 정말 끝없는 배움입니다.~~~!!
재택근무하면서 사무실에 있는 듀얼모니터가 그리울 때도 있지만 노트북 와이파이와 모바일폰 무선통신이 잘 연결돼서 그럴 만해요!
사무실에서 근무하면 쓸 수 있는 듀얼 모니터 짤로도!
사무실 앞 청계천 가을 낙엽이 질 때 산책을 자주 해서 좋았다.
