디벨롭per

간간히 해오던 Nerator 프로젝트에서 명함에 배치할 속성을 좀 더 자유롭게 편집 하고 싶어 에디터를 구현하기로 했다. 핵심 기능 LIST UP! - 명함은 앞면과 뒷면이 있다 - 앞/뒤에 따라 다르게 속성 x/y 위치를 구분해야한다. (기능적 측면) - 사용자는 쉽게 앞/뒷면을 넘나들며 편집하기 쉬워야 한다. (사용자 측면) - 명함 크기를 설정할 수 있다. - 명함 뒷면과 앞면의 디자인의 이미지를 넣을 수 있다. - 속성을 drag/drop 하여 쉽게 배치할 수 있도록 해야한다. - 미리보기 화면으로 사용자에게 예시를 줘야한다. - 마지막 결과물을 pdf저장 혹은 프린트 기능 까지 (2차개발) 현재 대략적으로 잡은 UI는 왼쪽엔 수정할 수 있는 편집 화면, 오른쪽 사이드 바에는 설정할 수 있는 옵션..

GPT for Sheets reference • Gptforwork.com GPT for Sheets reference17/1/2023Author name: Stanislas MarionThis is a reference of all available functions in GPT for Sheets. If you are looking for usage examples, click here.GPT functionThe simplest function to start using GPT in Sheets. Outputs the re gptforwork.com 구글 스프레드 시트에서 gpt를 사용해보자! Chat GPT가 떠오르고 있는데 이를 구글 스프레드 시트에 적용하여 사용할 수 가 있다. 사용 방법 (1..

#4 [REACT.JS] 사진 불러오기, 엑셀 읽어오기 #3 기본 레이아웃 구성 및 팝업 생성 #2 기본 버튼 컴포넌트 만들기 #1 기획단계 및 UI 작업 드디어 1인 토이 프로젝트를 진행하려 마음을 먹었다. 토이 프로젝트의 큰 토픽은 이름표다. (..오잉) 회 potential-coding.tistory.com 엑셀로부터 해당 속성을 받아오고, 이를 통해 명함에 드래그앤 드랍을 통해 좌표를 지정하도록 기능을 구현했다. 1. 명단 업로드를 통해 엑셀을 불러온다. 2. 속성의 이름을 해당 명함에 출력하고 싶은 부분에 좌표를 찍어준다. --- 구현해야 할 기능 - testPrint를 할 때 해당 속성에 관련된 이름 데이터를 출력하는 기능 구현 - 명함 사이즈에 맞춰서 기능 구현

#3 기본 레이아웃 구성 및 팝업 생성 #2 기본 버튼 컴포넌트 만들기 #1 기획단계 및 UI 작업 드디어 1인 토이 프로젝트를 진행하려 마음을 먹었다. 토이 프로젝트의 큰 토픽은 이름표다. (..오잉) 회사마다 다를 수 있지만 현재 본인이 potential-coding.tistory.com 깃허브 일일커밋 4일차 개발 사항은 - 이미지 첨부 - 이미지 앞면, 뒷면 보여주기 - 엑셀파일 첨부 - 엑셀 파싱 작업 진행 완료 --- 현재 css는 아직 완전히 구현되지 않은 상태이다. 이렇게 앞면과 뒷면 이미지를 불러오고, 엑셀에서 매일 첫번째 로우인 header 컬럼을 받아와 변수 지정에 설정했다. 그리하여 앞으로는 header에 있는 이름, 직급, 부서명 등을 드래그앤 드랍할 수 있는 객체로 만들어 명함 ..

#2 기본 버튼 컴포넌트 만들기 #1 기획단계 및 UI 작업 드디어 1인 토이 프로젝트를 진행하려 마음을 먹었다. 토이 프로젝트의 큰 토픽은 이름표다. (..오잉) 회사마다 다를 수 있지만 현재 본인이 다니고 있는 회사인 경우 신입 potential-coding.tistory.com 오늘은 깃허브 일일커밋 3일차다 오늘은 기본 레이아웃 구성과 팝업창 컴포넌트를 만들고 열기, 닫기 기능까지 구현해보았다. 현재까지의 진행상황을 공유하자면, 3일차 구현 - 50% 유연한 레이아웃 - Sticky한 Footer, Header 구현 - 팝업창 컴포넌트 구현 및 사용 - 파일 업로드 버튼 컴포넌트 커스텀 이번 1인 프로젝트를 진행하면서 제일 뿌듯한 점은 맨날 display : inline-block만 쓰는 나에게 ..

#1 기획단계 및 UI 작업 드디어 1인 토이 프로젝트를 진행하려 마음을 먹었다. 토이 프로젝트의 큰 토픽은 이름표다. (..오잉) 회사마다 다를 수 있지만 현재 본인이 다니고 있는 회사인 경우 신입들이 올 때마다 이름표 potential-coding.tistory.com ----- 기존엔 UI를 구성하기 위해 Material-UI, ant design의 컴포넌트들을 사용했다. 하지만 이번 프로젝트에서는 직접 만들어보고싶어 styled-component를 이용해 만들었다. 버튼 컴포넌트 생성 먼저, 내가 개발하면서 자율적으로 버튼을 커스텀하고 싶은 속성은 - 텍스트 - border 여부 및 색상 - outlined 여부 - backgroundColor : 버튼 색상 - fontColor : 폰트 색상 -..

드디어 1인 토이 프로젝트를 진행하려 마음을 먹었다. 토이 프로젝트의 큰 토픽은 이름표다. (..오잉) 회사마다 다를 수 있지만 현재 본인이 다니고 있는 회사인 경우 신입들이 올 때마다 이름표를 한명, 한명씩 수동으로 제작한다. (각각 이름넣고,,, 직급넣고,, PRINT) X (신입사원 또는 직급 변동 수) 나는 이게 너무 귀찮아보였다. 그리하여 본인이 사용자에게 엑셀 형식만 맞도록 요구하고, 그 틀 안에서만 이름표에 필요한 직원의 데이터를 가진 명단을 업로드 하면 이를 자동적으 이름표를 만들어주는 제네레이터를 개발하고자 한다. - 계기 : 사람 수 만큼 수동적으로 이름표를 만드는데 소비되는 시간이 불필요해 보임 - 해결법 : 시스템에서 업로드 된 직업 명단에 따라 자동으로 이름표 만들어주는 제네레이터..

2019.06월에[고딩3] 졸업전시회를 하게 되었다. 나는 친구와 함께 2인 프로젝트를 진행했다. 주제는 오즈의 마법사 내용은 이렇다. 오즈가 모험을 나서면서 사자, 깡통, 허수아비를 만날 때마다 미니게임을 통해 해당 아이템을 주는 것이다. 즉 사자는 용기, 깡통은 사랑할 수 있는 마음, 심장 허수아비에게는 뇌를 주는 스토리로 기획하였다. 기능 구현 - 유니티 2d,3d 미니 게임 제작 - 캐릭터와 기념사진 촬영 및 이메일 전송 기능 구현 - 파이어베이스 연동하여 순위판 구현 게임 개발은 UNITY로 제작하였고, 첫 게임개발이라 부족한 점들,, 무엇보다도 기획이 어려웠다.. --- - 게임을 실행하기 위한 첫 화면이다. --게임 첫 화면이다. [플레이어명을 입력할 수 있다] -- 게임시작 캐릭터와 배경들..