반응형
- [ FrontEnd/Css ][Css] Sprite-sheets 으로 달리는 애니메이션 (Run Animation) 만들기2024-01-22 23:01:33혼자 개발을 진행하다가 progress bar 쪽에 사람이나 동물이 함께 달리는 애니메이션이 있으면 조금 더 포인트가 되지 않을까 싶어서 무작정 run animation 으로 구글링을 해보았다. 처음에는 gif 파일을 그냥 재생시켜야하나 싶었는데, 검색해서 보니 sprite-sheets 라고하는 옛날 종이 만화만드는 기법을 사용해서 animation 효과를 줄 수 있다는것을 발견했다. Sprite-sheets 란? sprite sheet 란 아래와 같은 그림을 말하는데, 일련의 동작들이 연속적으로 그려져 있는 그림을 말한다. 여기까지 왔으면 어떻게 애니메이션 효과를 줄 지 어느정도 감이 왔으리라본다. 그렇다! 해당 사진을 옆으로 한프레임씩 지나가게 만들어주면 우리가 볼 때는 달려가는 모습처럼 보일 수 있..
- [ Language/C# ][C#] C#의 기본 구조2024-01-22 13:18:00오늘은 처음 콘솔 어플리케이션 프로젝트를 생성하면 나타나는 기본 구조에 대해 설명하겠습니다. using System; namespace abc{ class Hello{ public static void Main(){ Console.WriteLine("HelloWorld"); } } } 코드 구조 설명 이 단순한 프로그램에서 C# 이 어떤식으로 동작하는지 대략적으로 파악할 수 있습니다. 1. namespace ⇒ class ⇒ Main method namespace는 class를 모아 놓은 폴더, 윈도우 시스템이라고 볼 수 있다. 폴더에 다른 폴더를 저장할 수 있듯이, namsspace 안에 namespace.. 식의 구조도 가능하다. class 는 객체를 형성하는 method, variables 들을 명..
- [ Language/C# ][C#] C# 과 .NET2024-01-20 16:27:55C# 이란 ? C# 언어는 Microsoft에서 만든 객체 지향 프로그래밍 언어로, 프로그래밍 개발에 강력한 도구를 제공합니다. 이 언어는 보다 강력하고 적응성 있는 시스템 개발을 위해 널리 사용되며, .NET 프레임워크를 기반으로 한 객체 지향 개발 방법론을 사용합니다. 다른언어들과 비교해 자료형 선언, 변수, 반복문, 조건문등의 기본적인 구조를 모두 가지고 있습니다. .NET Framework(닷넷 프레임워크)라는 실행환경과 조화되어 움직인다. .NET Fremawork 가 준비되어 있으면 OS와 관계없이 동작 시킬 수 있다. 가비지 콜렉터가 있어 메모리를 수동적으로 관리할 필요가 없다. C# 이 쓰이는곳 콘솔 어플리케이션 windows 어플리케이션 웹 어플리케이션 (C#을 웹에 이용한 것이 asp...
- [ Error Handling ][SVELTE] npm run dev 시 ip로 접속하기2024-01-17 22:22:49svelteKit 에서 npm run dev 로 테스트를 하려고 하면 localhost 에서만 접속이 가능한데, package.json 에서 명령어 하나만 수정해주면 컴퓨터 ip 를 통해서 접속이 가능하다. package.json 의 scripts 에서 dev 명령어를 아래와 같이 수정해주면 컴퓨터 ip 를 통해서도 접속이 가능해진다. ( --host 0.0.0.0 를 추가 )
- [ 카테고리 없음 ][DART] Dart 문법 (2) 변수 선언2024-01-17 16:26:54var 변수를 지정할 때 앞에 타입을 사용하지 않고, 처음 선언한 값이 데이터 타입이 된다. 같은 타입의 다른 값으로 변경이 가능 하지만, 다른 타입으로의 변경은 불가능하다. void main(){ var age = 25; print(age); // 25 age = "다트" print(age) // 에러 발생, 같은 타입의 값으로 넣어줘야한다. } const & final 공통점 값을 한번만 선언할 수 있다. 다른 값으로 변경 시 오류 발생 타입을 선언하지 않아도 자동으로 타입을 추론해 준다. void main(){ final double a1 = 3.141592 const double b1 = 2.717171 final a2 = 3.141592 const b2 = 2.717171 } 차이점 const ..
- [ Error Handling ]Rosseta 설치2024-01-12 01:25:13일반적으로 아래 명령어로 설치해줄 수 있는데, 나의 경우엔 command not found 에러가 발생하였다. sudo softwareupdate --install-rosetta --agree-to-license path 가 등록이 안되어서 나타나는 에러이므로, /usr/sbin/softwareupdate --install-rosetta 위의 코드로 실행하니까 정상설치 되었다.
- [ Error Handling ][SVELTE] SvelteKit adapter-static Build 시 에러2024-01-08 02:01:52스벨트로 하이브리드 앱을 만들 때, adapter-static 을 사용하는데, 아래와 같은 에러가 발생하여 기록을 남기고자 글을 남깁니다. @sveltejs/adapter-static: all routes must be fully prerenderable, but found the following routes that are dynamic: 이 에러는 해당 페이지에 prerender 설정이 되어있지 않아서 발생하는 에러로, 해당 route 에 +page.ts 파일을 만들고, export const prerender = true; 로 설정해주면 해결된다.
- [ Language/Dart ][DART] Dart 문법 (1) 자료형2024-01-02 20:45:55자료형 Java의 경우, 큰 타입이 작은 타입을 명시적으로 타입 캐스팅 하지 않아도 자동으로 변환이 되지만, Dart의 경우에는 타입 캐스팅을 해줘야한다. 숫자형 숫자형에는 num , int , double 가 있으며, num 에는 정수와 실수 모두 넣을 수 있고 int 는 정수형, double 는 실수형에만 사용 가능. void main(){ // 정수형 & 사칙연산 int number1 = 17 / 4 // 나누기 print(number1); // 4 int number2 = 17 % 4 // 나머지 print (number2); // 1 // 실수형 double pi = 3.14;// 2; print(p1);// 1.57 // 타입 캐스팅 int n = 34 double m = n// Error: ..
반응형