분류 전체보기

이번 포스팅에서는 피그마에서 이미지를 불러와 크롭하는 방법에 대해 다뤄보고자 한다.쉽지만 까먹으면 자주 검색하는 기능 중 하나인 '이미지 마스크' 기능 이번 포스팅을 통해 완벽히 숙지하자. 0. 사전준비원하는 크기의 도형을 미리 그려놓는다. (원, 사각형, 둥근 사각형, 오각형, 별 등) (※ 이미지의 원본 크기보다 도형의 크기를 크게 그려놓는다면, 이미지가 깨져보일 수 있다.)  1. 피그마에서 이미지 열기 피그마에서 이미지를 열기 위한 방법은 3가지가 있다. 툴에서 가져오기 : 리본메뉴 중 도형 드롭다운 메뉴에서 'Place image/video' 항목을 선택한다.단축키로 가져오기 : Ctrl + Shift + K파일 탐색기에서 드롭다운하기 : 원하는 이미지를 선택하여 드롭다운 한다.   가장 편한 ..

이번 포스팅은 개인정보와 관련된 데이터 설계시 알아두면 좋은 '개인정보 마스킹 처리 기준'에 대해 작성해보고자 한다. 백화점, 카페, 영화관 등 키오스크나 단말기에서 개인정보를 입력할때 자동으로 마스킹되는 것을 간접적으로 경험해 본적이 있을것이다. 가장 최근에 진행중인 프로젝트에서 사용자 접수 데이터를 암호화하여 저장, 관리자 로그 기록 조회 기능추가, 데이터 마스킹 등 기능개선 업무를 진행하면서 개인정보 보호에 대한 경각심을 가지게 되었다. 이처럼, 당연하게 여겼던 '개인정보 보호'는 선택이 아닌 필수라는 것.  개인정보 보안 등급 예시  위의 이미지는 개인정보 보안 등급 예시를 설명한다.개인정보의 종류는 고유식별정보, 민감정보, 인증정보, 신용정보/금융정보, 의료정보, 위치정보, ..

현업에서 웹을 주로 다루다 보니, 모바일 서비스 기획에 필요한 앱의 기초지식을 쌓고자 해당 포스팅을 작성했다. 기초적인 내용이지만 헷갈리기 쉬운 개념이기에 잘 잡아두면 좋겠다. 어떤 앱의 형태를 선택하느냐에 따라 구현에 필요한 시간, 비용, 인력을 예상할 수 있기 때문이다. 모바일 앱의 형태로는 크게 4가지로 모바일웹, 웹 앱, 하이브리드앱, 네이티브앱이 있다. 웹앱, 모바일 웹은 Web에 해당하며, 네이티브 앱은 App, 하이브리드 앱은 Web+App에 해당한다. 각 형태의 정의와 예시, 장단점에 대해 알아보자. 1. 웹 기본적으로, 웹을 실행하는 환경은 '브라우저'이고 웹을 제공하는 곳은 '웹서버'이다. 사용자가 브라우저에 URL을 호출하면 웹서버에서 브라우저 화면에 웹을 그리는 전체적인 과정('브라..

들어가며, 타업체에서 개발한 백오피스를 유지·운영하면서 수면위로 나타난 문제와 불편함에서부터 비롯된 깨달음을 정리해보고자 한다. 현재 내가 유지운영하고 있는 백오피스는 보안관리 메뉴가 존재하지 않는다. 접근허용 IP, 일반 관리자 생성 및 메뉴 접근 권한에 대한 기능이 없으므로 (모든 관리자가 슈퍼관리자인 셈) 보안에 매우 취약하다. 외부 사용자가 ID/PW를 탈취하기라도 한다면 모든 개인정보를 포함한 데이터를 탈취·조작할 수 있다는 '보안문제'에 마주했고, 기획자가 알아두면 좋을 보안관리 기능 및 중요성에 대해 다뤄보겠다. 백오피스? CMS? 관리자페이지? 백오피스(Backoffice)는 서비스를 제공하는 데 필요한 기능이 담긴 내부 관리 도구이다. 어드민(admin), 운영툴, CMS(Contents..

데이터 설계 시 고려사항 데이터 베이스 설계 시 지켜야 할 데이터의 속성이 있다. 데이터는 기본적으로 무결성, 일관성, 회복, 보안, 효율성, 확장성 등이 해당한다. ◼ 무결성 : 삽입, 삭제, 갱신 등의 연산 후에도 DB에 저장된 데이터가 정해진 제약조건을 항상 만족해야 한다. ◼ 일관성 : DB에 저장된 데이터들 사이나 특정 질의에 대한 응답이 처음부터 변함없이 일정해야 한다. ◼ 회복 : 시스템 장애 발생 시, 장애 발생 직전의 상태로 복구할 수 있어야 한다. ◼ 보안 : 외부 데이터 공격 혹은 노출, 변경으로부터 보호할 수 있어야 한다. ◼ 효율성 : 응답시간의 단축, 시스템의 생산성, 저장 공간의 최적화 등이 가능해야 한다. ◼ 데이터베이스 확장 : 데이터베이스 운영에 영향을 주지 않으면서 지속..

저번 포스팅에 이어 홈페이지를 오픈하며 해결했던 개발 이슈에 대해 다뤄보겠다. [서비스기획/PM] 홈페이지를 오픈하며 해결했던 문제들 (feat1. 클라우드 및 인프라 환경 설정 편 ) 필자는 프로젝트 매니저로써 "첫 번째 OO홈페이지" 프로젝트를 오픈하며 발생했던 이슈들, 이슈 해결방법 들에 대해 공유해보고자 한다. 분명 기획자로 회사에 입사했는데 PM일을 하게 될 줄이야 youngplan.tistory.com 이전 포스팅 그리고 클라우드 이전에 따른 문제들이 궁금하다고 하면, 위의 게시글을 참고해보면 좋겠다. 클라우드 및 인프라쪽 이슈는 개발이슈만큼이나 중요했다. 그 이유는 네트워크 오류로 인해 사용자들이 접근 자체가 불가능하거나, 연결 불안정으로 인한 접속문제는 서비스 장애를 도래하고, 보안이슈는 ..

필자는 프로젝트 매니저로써 "첫 번째 OO홈페이지" 프로젝트를 오픈하며 발생했던 이슈들, 이슈 해결방법 들에 대해 공유해보고자 한다. 분명 기획자로 회사에 입사했는데 PM일을 하게 될 줄이야.. 현재 다니고 있는 회사에서 다양한 일을 경험해보는 것 같다. 문제가 뭐였는데? (feat. 1 클라우드 및 인프라 환경 설정 편) (1). 단순한 유지보수 사업에서 서버 이관까지 이어진 ing.. 💭 🙋‍♀️ 서버를 사용하려면 매년 계약해야 한다구요?@! 때는 바야흐로 기능개선 및 고도화 사업을 마치고 연간 운영사업을 논의하던 회의에서.. 👩 (나) : "서버업체는 어디와 계약되어있으신가요? " 🙋‍♀️ " 서버는 한번 계약을 진행하면 계속해서 사용할 수 있는 것 아니었나요?!!" 😭 👩(나) : "?!!!!

다중서버 환경에서 발생한 문제 배경 필자는 현재 다니고 있는 회사에서 클라우드 이관 작업을 PM 직무로써 경험했다. 그 과정에서 배운 것들을 기록하고자 한다. 클라이언트의 웹서비스 환경은 물리 서버 한대에 ' Web + DB + 저장장치'가 모두 구성된 웹호스팅 환경에서 로드밸런스, Web서버 두대, DB 서버를 각각 분리하여 클라우드 환경으로 이관했다. 클라우드 환경 이관 시 견적을 받아야 하는데, 서비스 사용 목적, 동시접속자 수, 회원 수, 서비스의 범위등 '트래픽'에 따라 구성되는 환경이 제 각각이다. 필자가 작성해 놓은 견적 요청 시 필요한 정보를 아래 링크로 공유한다. [PM/infra] PM이 클라우드 견적을 요청하려고 할 때 알아두어야 할 것 (호스팅, 서버와 클라우드의 호스팅이란? 인터넷..