분류 전체보기
-
github 협업 명령어기타 2020. 8. 7. 14:46
기존 repository에 프로젝트 추가할 때 git init git add . git commit -m "first commit" git remote add origin [repository url].git git push origin master github에서 파일 pull하고 다시 push할 때 git checkout [branch name] : [branch name]으로 브랜치 변경 git pull origin master git add . git commit git push origin [branch name] pull 가져올 때 merge conflict가 일어나는 경우 rm [파일경로] : conflict난 파일 삭제 git stash : 현재 상태를 임시로 저장 (need to merg..
-
컴파일 타임(Compiletime) 과 런타임 (Runtime)의 차이앱 개발/용어정리 2020. 7. 16. 11:09
dart 언어에 대해 보다가 final 변수는 runtime 과정에서 상수를 정의하고 const는 compile과정에서 상수를 정의한다는 글을 보았다. 그래서 이에 대해 정리해보았다. 개발자는 프로그램이 어떻게 작동할지에 대한 소스코드를 입력한다. 이 소스코드는 컴파일(Compile)과정을 통해 사용자가 실행가능한 프로그램이 되는데 이 컴파일 되는 과정을 컴파일 타임(compile time)이라고 부른다. 컴파일된 프로그램은 사용자로부터 실행되어지는데 이 응용프로그램이 실행되는 과정을 런타임(runtime)이라고 한다. [예시] final List languages = []; const List companies = []; // no error languages.add('dart'); // compile..
-
[CSS] CSS 속성 예시웹 개발/HTML & CSS 2020. 6. 30. 21:07
width : 가로너비 height : 세로 너비 margin : 요소 바깥 쪽 여백 padding : 요소 안 쪽 여백 *margin과 padding 모두 top, left, right, bottom 개별 설정 가능 color : 글자 색상 background-color : 요소 배경 색상 *background는 배경에 대한 단축속성 아래와 같은 폰트 하나와 상자 2개를 생성해보자 CSS 파일을 생성하여 색상과 너비를 지정해주었다. 가로너비 : 300px 세로너비 : 200px 폰트사이즈 : 60px margin을 각각 다르게 적용해보자 font : 20px box1 : 50px box2 : 80px box2에 padding을 적용해보자 box2에 안 쪽 여백이 60px만큼 적용된 것을 알 수 있다.
-
[CSS] CSS 기본 문법웹 개발/HTML & CSS 2020. 6. 23. 01:08
내가 보려고 정리하는 CSS 기본 문법 https://heropy.blog/ 를 참고했습니다. 선택자 (Selector) css를 적용할 html의 특정 부분을 지정하는 사인(sign) 이다. 선택한 부분을 속성 (Properties)와 값(Value)로 설정할 수 있음 (속성 : 값) 예시1) 로 정의해놓은 부분에 css 적용 div { color : red; font-size : 20px; width : 300px; height : 200px; margin : 20px; padding : 10px 20px; position : absolute; } 예시2) h1 부분과 p 부분에 각각 색상에 대한 css를 적용 title content h1 { color:red; } p { color:blue; } ..
-
[HTML] HTML 기본 문법웹 개발/HTML & CSS 2020. 6. 20. 12:31
내가 보려고 정리하는 HTML 기본 문법 https://heropy.blog/ 를 참고했습니다. Element TAG 사이에 콘텐츠를 표시함 Content * TAG의 예시 제목 (h1~h6) 문단 줄바꿈 ordered list unordered list 하이퍼링크 ... Element 의미 확장 속성값 추가 (attribute) 예시1) 이미지 삽입 예시2) 분할 ohbox div는 아무런 의미를 가지지 않는 태그이지만 class 속성은 'ohbox'라는 컨텐츠를 name이라는 태그 별명으로 묶었다. Element 구조 특징 - 부모 자식 요소 태그 내의 콘텐츠에 태그를 삽입할 수 있다. 이럴 경우 두 태그의 관계를 서로 부모(상위, 조상)요소 자식(손주, 하위)요소라고 한다. - 빈 태그 (Empty..
-
이미지 파일 형식 정리 (Image file formats)UI UX 디자인 2020. 6. 17. 17:05
JPG 손실 압축으로 압축률이 뛰어나기 때문에 이미지 용량 줄이는데 용이 표현 색상도가 (24bit)가 좋아 고화질 사진이나 예술 쪽에서 많이 쓰임 PNG 비손실 압축 알파채널이 지원되기 때문에 이미지의 투명도가 필요할 경우 용이 GIF 애니메이션이나 움짤에 용이 8bit만 지원하기 때문에 다양한 색상 구현에 어려움 있음 WEBP JPG PNG GIF를 대체할 수 있는 구글에서 개발한 이미지 포맷 단, 지원하는 브라우저 제한 SVG 벡터 기반의 이미지로 이미지에 대한 정보 저장 - 해상도 영향에서 자유로움 -> 크로스 디바이스 반응형 웹에서 사용 용이 코드나 파일로 이미지 사용가능 - xml 코드 수정으로 간단한 수정 가능하며 Java script로 event handling 가능하다(제어가능하다) 단,..
-
[FLUTTER] 스크린 방향 설정앱 개발/Flutter 2020. 1. 21. 10:49
스크린 세로로 고정 void main() => runApp(App()); class App extends StatelessWidget { @override Widget build(BuildContext context) { SystemChrome.setPreferredOrientations([ DeviceOrientation.portraitDown, DeviceOrientation.portraitUp, ]); return MaterialApp( home: MyDemo(), ); } } 스크린 가로로 고정 void main() => runApp(App()); class App extends StatelessWidget { static String _pkg = "parallax_travel_cards_list..