본문 바로가기

분류 전체보기244

[피그마 입문] 실습 - 채팅 UI 만들기 보호되어 있는 글 입니다. 2025. 1. 16.
[피그마 입문] 실습 - auto layout + constraints 로 테이블 생성 보호되어 있는 글 입니다. 2025. 1. 15.
[피그마 입문] 실습 - 알람, 설정 아이콘 만들기 (알람, 설정) 보호되어 있는 글 입니다. 2025. 1. 14.
[피그마 입문] 실습 1 - 그리기 보호되어 있는 글 입니다. 2025. 1. 11.
[피그마 입문] 피그마 기초 보호되어 있는 글 입니다. 2025. 1. 10.
와이어프레임 / 스토리보드 와이어프레임 vs 스토리보드 와이어프레임 Wireframe스토리보드 Storyboard 웹사이트나 앱의 레이아웃과 구조를 설계하기 위한 초안서비스의 전체 흐름과 화면 간 상호작용을 설명목적화면의 구성요소인 버튼, 텍스트, 이미지 등 위치와 배치를 시각적으로 표현화면 전환, 사용자 동작인 클릭, 스와이프 등 기능 연결을 시각적으로 표현특징- 디자인보다 기능과 구조에 초점- 와이어프레임 기반, 사용자 행동과 화면 간 연결성을 추가적으로 설명- 색상, 이미지 등 디테일 없이 단순 선과 상자로 표현- 전체 프로젝트의 사용자 경험(UX) 설계비고와이어프레임은 어떤 레이아웃을 구성할 것인지, 포함되는 주요 기능은 무엇인지 등 최대한 단순하게 확인하고 의견을 나눌 수 있는 기준이 되기도 한다. 와이어프레임 vs 목.. 2025. 1. 9.
[typesript] 땅콩코딩 타입스크립트 강좌 - 2 Any / Union Type, Type Aliases, Type GuardsAny 타입어떠한 타입이든 변수에 할당될 수 있다.let value : any = 5;value = 'hello';value = 'true';하지만, 타입스크립트는 타입에 대한 정보를 명시할수록 개발자의 의도를 더 명확하게 기술할 수 있으며,타입에러를 컴파일 시 잡아낼 수 있으므로 any 타입은 최대한 피하는게 좋다.쓰는 경우의 예third party library에서 동적 컨텐츠를 가져온 때, 프로그램 작성시 변수 타입을 알 수 없어 지정할 수 없는 상황 Union 타입제한된 타입들을 동시에 지정하고 싶을 때 사용let value : [타입] | [타입];두 타입 중 아무 타입이 할당 될 수 있게 한다.let price: nu.. 2024. 11. 13.
[typescript] 땅콩코딩 타입스크립트 강좌 - 1 TypeScript 강좌 타입스크립트 (Typescript) www.youtube.com TypeScript자바스크립트를 기반으로 한 언어로 자바스크립트에 모든 기능을 사용할 수 있다.정적 타입 검사와 고급 타입 기능을 제공하여 코드의 안정성과 가독성을 높여준다.버그를 줄이고, 쉬운 유지보수가 가능하며, 질 좋은 코드를 만들 수 있다.타입스크립트로 작성된 화면은 자바스크립트로 다시 컴파일 되어야 한다. Static Typing : 정적 타이핑타입을 선언하고, 선언된 타입에 맞는 값만이 할당 또는 반환되어야 한다.Type Inference : 타입 추론예시let a = 5;a = 'hello'; // error : Type 'Hello' is not assignable ro type 'number'재할당하.. 2024. 11. 13.
[typescript/m1] Typescript 설치, 연결 현재 나도 typexcript를 공부하면서 작성하는 거라 맞지 않을 수 있다. 공부하며 수정해야할 부분 수정 예정 과정TypeScript를 사용하려면 먼저 Node.js가 설치되어있어야 하며, npm도 필요하다.node, npm 설치가 되어있는지 확인node -vnpm -v 폴더 생성 > 이동mkdir [프로젝트명]cd [프로젝트명] pakage.json 에 자동으로 필요한 의존성 추가npm init -y TypeScript 전역 설치ts-node : TypeScript 파일을 컴파일하지 않고, 바로 실행할 수 있게 된다.npm install -g typescript ts-node 방식도 있는데, 이상하게 나는 pakage.json에 자동으로 올라가지지 않아서 아래 코드로 작성했다, npm install.. 2024. 11. 13.

티스토리툴바