본문 바로가기

분류 전체보기

(80)
[Git] Github에 저장소 만들고 업로드하기 안녕하세요 이번 포스팅에서는 깃허브(Github)에 나만의 저장소를 만들고 만든 저장소에 코드나 파일을 업로드하는 방법에 대해 알아보도록 하겠습니다! 먼저 컴퓨터에 깃(Git)이 설치되어있어야합니다! http://codevkr.tistory.com/45 1. Github 가입하기 https://github.com/ 위 링크에 접속하셔서 깃허브에 가입해주세요 2. Github에 저장소 만들기 로그인 하신 후 우측 상단에 보면 프로필 아이콘과 화살표 아이콘이 있습니다. 눌러보시면 아래와 같이 드롭다운 메뉴가 표시됩니다. 여기서 Your profile을 눌러서 여러분들의 프로필로 이동하시면 됩니다. 프로필로 오시면 생성한 저장소(Repositories, 레포지토리)들이 보입니다. 저는 이전에 여러개의 저장소를..
뉴저지 issue, 시스템 유지 보수의 중요성을 조명해준 코로나19 뉴저지에서 '코볼' 개발자를 급하게 찾는 이슈가 발생했습니다.. 원인은 '코로나19' 이슈의 흐름은 이렇습니다. ### 이슈 흐름 ### 1. 코로나19 발생 2. 미국 내에서 실업자 대량 발생 3. 실업자들이 뉴저지 정부 웹사이트에 들어가서 실업급여 등의 지원을 신청 4. 트래픽 감당하지 못해서 시스템이 죽음. 이때, 이 시스템은 '코볼'로 제작되었으며 코볼이 나온지는 60년, 이 시스템은 30년이 된 노후된 시스템이라고 합니다. 지금은 코볼 개발자 숫자도 적고(거의 은퇴하거나 죽음) 이 시스템 다운에 대응할 수 없을 정도로 찾기 힘들다는 거죠. 코볼(COBOL)이 뭘까? high-level language인데, 대량의 데이터를 처리하는 프로그래밍 언어입니다. 사용처 = 금융, 증권 현재까지도 미국 뱅..
CSS / 구글 웹폰트 사용하는 방법 구글에서 많은 웹폰트를 제공하고 있습니다. 어떻게 사용하는지, IE를 지원하는 방법은 무엇인지 알아보겠습니다. 글꼴 선택하고 코드 얻기 구글 웹폰트에 접속합니다. 한글 웹폰트가 필요하다면 Languages를 Korean으로 설정합니다. + 버튼을 클릭하여 글꼴을 선택합니다. 여러 개를 선택해도 됩니다. 아래에 있는 검은 색 바를 클릭합니다. 구글 웹폰트를 사용할 수 있는 코드가 있는데, 기본 스타일 외에 다른 스타일을 선택하거나 한글을 사용하려면 CUSTOMIZE를 클릭합니다. 필요한 스타일을 체크합니다. 일단 다 체크를 했습니다. 이제 코드를 복사합니다. STANDARD와 @IMPORT 중 고를 수 있습니다. 사용하기 다음은 위에서 선택한 나눔 고딕을 사용한 간단한 예제입니다. 400 : Lorem I..
Flutter Widget Exepended | Row나 Column 안에서 원하는 위젯만 선택해서 제어하고싶을 때! 한 개의 Row 위젯의 children 안에 3개의 위젯이 있다고 해봐요. 그 모양은 와 같습니다. 이중 하나의 위젯만 골라서 와 같이 넓게 퍼뜨려 여유 공간을 채우고 싶다면 어떤 위젯을 사용해야 할까요? Expanded 위젯으로 감싸면 됩니다. 예시를 들어보죠 1 2 3 4 5 6 7 8 9 Row( children: [ MyWidget(), Expanded( child: MyWidget() ), MyWidget(), ], ) cs d 와 같이 가운데에 있는 위젯을 감싸주면 이렇게 가운데 위젯이 넓어집니다. 이렇게 Row, Column 안에서 원하는 위젯을 골라서 제어할 수 있는 위젯입니다. 감사합니다!
React란 무엇인가? 🤔 리액트란? 리액트(React, React.js 또는 ReactJS)는 선언적, 효율적으로 유연하게 유저 인터페이스를 만들기 위한 자바스크립트 라이브러리의 하나로, 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수되며 지금도 계속 업데이트 중인 프로젝트입니다. 1 f(data) = View cs 🤔 자바스크립트 라이브러리란? 페이지를 정적으로 보여주는 게 아닌 동적으로 보여주고 싶다면 자바스크립트를 이용하게 됩니다. 하지만 웹 개발 시 DOM 관리 및 상태값 업데이트 관리등 귀찮은 것들을 최소화하고 오직 기능 개발, 사용자 인터페이스(UI)를 구현하는 것에 집중하기 위해 만들어진 프로젝트들로 React, Angular, Vue가 자바스크립트 라이브러리에 속한다. 리액트의 특징 뷰 담당 - MVC..
flutter - 이미지를 동그랗게 만드는 위젯 금일 소개해드릴 위젯은 ClipOval 입니다. ClipOval 위젯은 이미지를 동그랗게, 즉 모서리를 둥글게 원형으로 만들어주는 위젯입니다. 굴절도는 제어할 수 있어, 타원형의 모양으로 만드는 것도 가능합니다. 이는 애니메이션을 입혀도 문제없이 작동합니다. 사용 예시는 아래와 같습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ClipOval( clipper: MyClipper(), child: Image.asset('dash.jpg'), ) // 원하는대로 크기를 맞추기 위한 클래스 class MyClipper extends CustomClipper { Rect getClip(Size size) { // 하위 요소의 사이즈를 가져오는 메소드 return Rect.fromL..
자바스크립트 기본문법 [자바스크립트 데이터 (주로 웹브라우저) 표시 방법] 1) window.alert() : alert box를 가지고 데이터를 보여줌 2) document.write() : html 문서의 내용 변경하는 방식(기존 문서내용 없애고, 데이터만 표시)으로 데이터를 보여줌 3) DOM객체.innerHTML : html 문서의 특정 태그에 내용을 추가하는 방식(태그 추가 가능)으로 데이터를 보여줌 => 기존 내용 대체, DOM API를 통해서 html 태그를 DOM 객체화하는 방법 참조(1번 포스팅) 4) console.log() : 웹브라우저의 콘솔(개발자도구 이용)로 데이터를 보여줌 [자바스크립트 구문] : 웹브라우저에 명령을 하기위한 방식, 문법 1) 구성 - 변수명 : 연산에 의해 변할 수 있는 값을 넣는..
flutter Widget AboutDialog (flutter Widget of the week at 5.30) 앱을 판매하기 위해서는 법률 용어를 둘 공간이 필요하다. (법률용어 = 버전 번호, 허가증 같은 것들) 스토어 별로, 자기들이 요구하는 정보를 입력하지 않으면 앱을 출시하지 않는 경우도 있다. 이때 이 정보들을 입력할 공간으로 적합한 위젯이 바로 AboutDialog이다. 사용방법 showAboutDialog() 함수를 호출하여 사용하자. 어디에 호출할지만 결정하면 된다. 사용 방법 (예제 코드) 1 2 3 4 5 6 7 8 9 showAboutDialog( context: context, applicationVersion: '2.0.1', // 버전 번호 applicationIcon: MyAppIcon(), // 애플리케이션 아이콘 applicationLegalese: 'Blah blah.', // 작..