primavera

classclas를 생성할 때는 타입을 꼭 명시해야 한다.String name = 'nico'; // Ovar name = 'nico'; // X class Player{ String name = 'nico'; int xp = 1500;}void main() { var player = Player(); print(player.name); // nico player.name = 'lalala'; print(player.name); // lalala}class Player{ final String name = 'nico'; int xp = 1500;}final로 선언해서 name을 클래스 밖에서 수정하지 못하게 만듦.method 정의하기class Player { final String name = 'n..

함수String sayHello(String name) { return "Hello, $name nice to meet you!";}num plus(num a, num b) => a + b;void main() { print(sayHello('Jane')); print(plus(1, 2));}named parametersString sayHello({ // default value나 required를 써줘야 한다. String name = 'anon', int age = 99, String country = 'uk', }) { return "Hello $name, you are $age, and you come from $country";}void main() { print(sayHello( age:..

list, collection ifvar giveMeFive = true;var numbers = [ 1, 2, 3, 4, if (giveMeFive) 5, // collection if];string interpolation: text에 변수를 추가하는 방법var name = 'nico';var age = 10;var greeting = "Hello everyone, my name is $name and I'm ${age + 2}.";collection forvoid main() { var oldFriends = ['nico', 'lynn']; var newFriends = [ 'lewis', 'ralph', 'darren', for(var friend in oldFriends) "⭐ $fri..

Dart 시작하기 – 노마드 코더 Nomad CodersFlutter 앱 개발을 위한 Dart 배우기nomadcoders.co  void mainvoid main 안에 적어야 하고, 문장 끝에 세미콜론을 꼭 써야 한다. 변수변수는 업데이트 될 수 있다. 단, 값을 업데이트 할 때 변수의 타입이 같아야 한다.1. var함수나 메소드 내부에 지역 변수를 선언할 때 사용var name = '사과'; // dart 컴파일러는 name이 String(문자열) 타입이라는 것을 알고 있음name = 1; (x)name = bool; (x)name = true; (x)name = 'hello'; (o) 2. 변수의 타입 지정class에서 변수나 프로퍼티를 선언할 때 사용String name = '사과'; dynamic..

프론트엔드(Frontend)사용자가 직접 상호작용하는 웹 애플리케이션의 UI(User Interface)와 UX(User Experience)를 담당한다. 웹 브라우저에서 실행되며, 주로 HTML, CSS, JavaScript 같은 기술로 개발된다.# HTML (HyperText Markup Language)- 웹 페이지의 구조를 정의한다.- 제목, 단락, 이미지 링크 등 웹페이지 요소를 배치한다.# CSS (Cascading Style Sheets)- HTML 요소의 디자인(색상, 글꼴, 레이아웃 등)을 담당한다.# JavaScript- 웹 페이지에 동적 기능을 추가한다. (예: 버튼 클릭 시 동작, 애니메이션)- 사용자와의 실시간 상호작용을 가능하게 한다.# 프론트엔드 프레임워크/라이브러리- Reac..

preprocessor 프리프로세서는 문법과 컴파일러 두 가지로 이루어져 있다. 프리프로세서 = 지금 존재하는 문법보다 더 간단하고 쉬운 문법(문법) + 그 쉬운 문법을 해석하는 소프트웨어(컴파일러) sass, less, stylus가 있다. https://stylus-lang.com/ Stylus Expressive, robust, feature-rich CSS language built for nodejs stylus-lang.com 폰텔로 특정한 문자가 특정한 이미지로 사용되는 것. https://fontello.com/ Fontello - icon fonts generator This site will not work if cookies are completely disabled. {"assets..

1. 웹사이트에서 clean-css online adamburgess.github.io 2. vs code에서 - minify 확장프로그램 설치함 - 원본 파일에서 Fn+F1 키를 누른 후, minify 입력 - 원본 파일이 style.css라면 style.min.css이라는 minify된 파일이 생김

여러 개의 웹페이지가 같은 css를 사용한다면 중복을 제거할 수 있다. 별도의 .css 파일을 만들고, html에서 그 파일을 link한다. link import link와 import의 기능은 같다. link: html 안에서 css를 로딩할 때 사용 import: css 안에서 다른 css를 로딩할 때 사용

전환. 여러 효과들의 전환을 부드럽게 한다. (7) transform은 적용할 요소가 block 이거나 inline-block일 때 동작한다. 따라서 display: inline-block으로 설정함. (8) transition-property: 전환을 어느 효과에 줄지 (11) a:active 요소 a를 클릭했을 때 발생할 효과 결과: * 8~9를 합쳐서 한 줄에 쓸 수 있다. 이렇게 쓰면 각 효과에 대해 시간을 다르게 설정할 수 있다는 장점이 있다. transition: font-size 1s, transform 0.1s transition-delay 설정한 시간 후 효과가 나타난다는 뜻 transition-timing-function 전환 속도를 균일하지 않게 설정 ease가 linear보다 자연스..

회전, 비틀기 등의 효과를 주는 것 원본: transform:scale 주의. transform 여러 개를 사용하면 뒤에 있는 효과가 앞에 있는 효과를 덮어씀. 다음 코드에서 scaleX는 나타나지 않음. scaleY가 덮어썼기 때문에. 그래서 transform 여러 개를 사용하려면 한 줄에 써줘야 함. 라인 12는 transform: scale(2, 3);로 바꿔도 똑같음. https://codepen.io/vineethtrv/pen/XKKEgM Css3 Transform CSS3 Transform models ... codepen.io transform-origin left top, 즉 왼쪽 위를 기준으로 scale을 적용함. https://codepen.io/search/pens?q=transfor..