베트남에서 개발자 하려고 아둥바둥

맥북에서 숨김파일을 보는방법은 커맨드 + 쉬프트 + .(점) 이다 나중에 필요할 것 같아서 적어둔다. 나는 맥북에서 dart와 flutter 셋팅을 할때 유튜브 더코딩파파(The Coding Papa)의 도움을 받았다. (1)홈 공간으로 이동 (2)숨김파일 보기 (3)zshr확인 (4)iterm 실행 source $HOME/.zshr echo $PATH 두개 문구 입력하면 flutter가 설치된 경로를 맥북이 찾게 된다. 그 후에 flutter doctor 입력하면 끝

앱개발/Dart 2023. 7. 4. 18:54

class Coffee { String name; int price; String ice; Coffee({ required this.name, required this.price, required this.ice, }); void letsOrder() { print("Your order is $name , Price $price won , with $ice"); } } void main() { var jason = Coffee( name: "Americano", price: 5500, ice: "hot", ); jason.letsOrder(); } //결과: Your order is Americano , Price 5500 won , with hot 위와 같이 생성한 class의 변수를 바꿀 수 있는데,..

앱개발/Dart 2023. 7. 4. 16:58

[1] Dart 에서 함수를 선언할 때, 첫번째 방법 String sayHello(String name) { return "Hello $name"; } void main(){ print(sayHello("jason")); } //결과: Hello jason 두번째 방법 함수에서 리턴 값이 한줄인 경우. fat arrow function을 사용할 수 있다. 이 때 return은 쓰지 않는다 String sayHello(String name) => "Hello $name"; //이게 fat arrow(뚱뚱한 화살표). return은 쓰지 않는다 void main(){ print(sayHello("jaesung")); } //결과: Hello jaesung [2] Named Parameters String l..

앱개발/Dart 2023. 7. 2. 15:07

단순히 텍스트를 줄 바꿈 하는것은 태그로만 알고 있었다. 그런데 반응형으로 하려니 막힌다 모바일 버전에서는 줄이 바뀌고 테블릿 버전부터는 한줄로 텍스트를 표시하고 싶었다 Client Testimonial 위와 같이 줄바꿈하고 싶은 텍스트는 span태그 안에 작성하면 된다 .second_line_testimonial_title { @include mq($BREAKPOINT-XS) { display: block; } @include mq($BREAKPOINT-MD) { display: inline; } } 위와 같이 CSS를 작성해주면 모바일 버전에서만 줄바꿈이 적용된다

프론트엔드/HTML,CSS 2023. 6. 30. 17:37

(1) collection if Dart는 list 내부에 조건문을 넣는것이 가능하다. add 보다 코드량이 간결해짐. void main() { var giveMeFive = true; var numbers = [ 1, 2, 3, if (giveMeFive) 5, ]; print(numbers); } // 결과: [1, 2, 3, 5] (2) collection for for 문을 사용하는 것도 가능하다 void main() { var oldMenu = [ '커피', '우유', ]; var newMenu = [ '유자차', '홍차', for (var drink in oldMenu) "From old $drink", ]; print(newMenu); } // 결과: [유자차, 홍차, From old 커피,..

앱개발/Dart 2023. 6. 29. 18:03

위와 같이 코드를 작성한 상태. 반응형으로 하기위해 검색을 해서 내가 처음 완성했을때의 CSS (1) .video__box { min-width: 100%; min-height: 100%; @include mq($BREAKPOINT-XS) { height: rem(200); } @include mq($BREAKPOINT-MD) { height: rem(715); } } (1)과 같이 작성하는 경우 보이는 영상의 형태 화면 크기에 따라 영상 옆으로 검은색 띠가 표시 된다. 이를 위해 코드를 다시 수정했는데 여기서 내가 전혀 생각지 못한것은 padding-bottom 에서 %값으로 비율을 맞추는 부분 .iframe__container { position: relative; width: 100%; height..

프론트엔드/HTML,CSS 2023. 6. 13. 15:42

pug에서 반복문을 활용하면 코드양을 줄일 수 있다 만약 a태그에서 여러개의 다른 img를 넣을때 3줄의 코드로 간단히 정리 가능하다 a(href='#').banner__icon +img('images/icons/fb_icon.png') a(href='#').banner__icon +img('images/icons/in_icon.png') a(href='#').banner__icon +img('images/icons/be_icon.png') a(href='#').banner__icon +img('images/icons/tw_icon.png') a(href='#').banner__icon +img('images/icons/ball_icon.png') 아이콘의 이름은 전부 00_icon.png로 통일되어 있..

프론트엔드/HTML,CSS 2023. 6. 6. 16:51

https://blog.ull.im/engineering/2019/03/10/logs-on-git.html

Gitlab 2023. 5. 30. 18:29