Web/📔 UI,UX2

• 

  [Figma] 피그마 기초 - 이것만 알면 기초적인 화면 단 구성이 가능하다! figma 기초웹사이트, 모바일 앱, 데스크톱 애플리케이션 등의 사용자 인터페이스(UI) 및 사용자 경험(UX)을 디자인하는 데 주로 사용정적인 디자인을 인터랙티브한 프로토타입으로 변환할 수 있는 기능을 제공하기 때문에, 사용자가 실제 경험하게 될 흐름을 시뮬레이션 할 수 있음.왜 figma를 쓰면 좋을까?첫째, 사용하기 매우 직관적이며, 디자인 경험이 없더라도 쉽게 배울 수 있음.둘째, 실시간 협업이 가능함. 피드백도 남길 수 있음.셋째, 버전관리도 됨.넷째, 디자인에서 개발로의 전환을 쉽게 만들어 줌.개발자는 Figma 파일에서 필요한 코드를 바로 추출할 수 있으며, 이는 CSS(웹 애플리케이션의 UI), iOS, Android 등의 플랫폼별로 최적화된 코드로 제공되기 때문에, 개발자들은 디자인 요소.. Web/📔 UI,UX 2024. 8. 31.

• 

  [Kakao Developers] 카카오톡 공유하기 로컬에서 테스트 하는 방법 카카오톡 공유하기를 html + js로 뿌려주고 있는데 로컬에서는 file://파일명.html 이런 형식으로 html 파일로 앞단을 보고 있기 때문에, 사이트 도메인에서 직접 배포후에 볼수밖에 없었다. 외부 파일에서 모델이나 텍스쳐를 불러올 경우, 브라우저의' same origin policy 보안 제한때문에 파일 불러오기가 실패가 된다. 그냥 간단하게 8080 포트에서 html이 실행되게 하면 된다. http-server 설치 $ npm install http-server -g Html 파일을 Local Host에서 실행 - 터미널에서 cd 명령어를 사용하여 Html 파일이 있는 디렉토리로 이동 - 디렉토리에서 http-server를 입력하면, 파일 서버 처럼, 그 폴더의 모든 파일을 로컬 서버에서 열.. Web/📔 UI,UX 2023. 2. 17.