HTML 상에서 ' 같은 특수기호를 표시하려고 했는데 그대로 입력해서 적용하면 표시가 제대로 안되길래 한번 알아보았습니다. 일반적으로, HTML 에 특수 문자를 삽입할 때, & 기호와 ; 기호 사이에 숫자 혹은 문자를 입력해서 특수문자를 표시할 수 있습니다. 공백 문자를 표시하려면 를 사용해야 합니다. 이밖에도 특수문자를 표현하는 코드들을 알아보도록 하겠습니다. 자주 사용하는 HTML 특수문자 코드 표현문자 숫자표현 문자표현 설명 " " " 따옴표 & & & Ampersand > > 보다 큰 space Non-breaking space ⓒ © © 저작권 ® &­#174; ® 등록상표 ° &­#176; ° Degree sign ± &­#177; ± Plus or minus · · · Middle dot ×..

Next.js 로 프로젝트 개발 중에 일반적으로 태그 대신에 를 사용하곤 합니다. 태그 사용 시 기존에는 현재 탭에서 새로운 탭으로 이동했는데, 저는 새로운 탭에서 열게 만들고 싶었습니다. 현재 Next 13 이상 버전으로 개발 중이므로, 이를 기준으로 코드를 작성하려고 합니다. Next 13 Version 이상 import Link from 'next/link'; function MyLinkComponent() { return ( click! ); } export default MyLinkComponent; 기존 사용코드에서 target="_blank" 만 추가해주면 됩니다.

혼자 개발을 진행하다가 progress bar 쪽에 사람이나 동물이 함께 달리는 애니메이션이 있으면 조금 더 포인트가 되지 않을까 싶어서 무작정 run animation 으로 구글링을 해보았다. 처음에는 gif 파일을 그냥 재생시켜야하나 싶었는데, 검색해서 보니 sprite-sheets 라고하는 옛날 종이 만화만드는 기법을 사용해서 animation 효과를 줄 수 있다는것을 발견했다. Sprite-sheets 란? sprite sheet 란 아래와 같은 그림을 말하는데, 일련의 동작들이 연속적으로 그려져 있는 그림을 말한다. 여기까지 왔으면 어떻게 애니메이션 효과를 줄 지 어느정도 감이 왔으리라본다. 그렇다! 해당 사진을 옆으로 한프레임씩 지나가게 만들어주면 우리가 볼 때는 달려가는 모습처럼 보일 수 있..

C# 이란 ? C# 언어는 Microsoft에서 만든 객체 지향 프로그래밍 언어로, 프로그래밍 개발에 강력한 도구를 제공합니다. 이 언어는 보다 강력하고 적응성 있는 시스템 개발을 위해 널리 사용되며, .NET 프레임워크를 기반으로 한 객체 지향 개발 방법론을 사용합니다. 다른언어들과 비교해 자료형 선언, 변수, 반복문, 조건문등의 기본적인 구조를 모두 가지고 있습니다. .NET Framework(닷넷 프레임워크)라는 실행환경과 조화되어 움직인다. .NET Fremawork 가 준비되어 있으면 OS와 관계없이 동작 시킬 수 있다. 가비지 콜렉터가 있어 메모리를 수동적으로 관리할 필요가 없다. C# 이 쓰이는곳 콘솔 어플리케이션 windows 어플리케이션 웹 어플리케이션 (C#을 웹에 이용한 것이 asp...

Dart 의 Collection 에는 List, Map, Set 3가지가 있다. var 로 맵이나 셋을 선언할 경우, {} 을 빈 객체로 두면 var 는 map으로 타입을 추론하게 된다. List List 는 데이터를 여러개 담을 수 있는 자료구조로, 순서를 가지고 있기 때문에 순차적으로 접근하기 용이하다. void main(){ List list = [1,2,3]; print(list) // [1,2,3] print(list[1]) // 2 } Map key 와 value 로 이루어진 자료구조로, 순서를 가지지는 않지만 key 로 매핑된 값에 접근할 수 있으며, 빠른 탐색이 가능하다. key 는 중복된 값이 불가능하며, 가장 나중에 들어온 값으로 대체된다. void main(){ Map car = {'..

var 변수를 지정할 때 앞에 타입을 사용하지 않고, 처음 선언한 값이 데이터 타입이 된다. 같은 타입의 다른 값으로 변경이 가능 하지만, 다른 타입으로의 변경은 불가능하다. 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 ..

스벨트로 하이브리드 앱을 만들 때, 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; 로 설정해주면 해결된다.

자료형 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: ..