열정 실천

1. 브라켓 설치 : 어도비에서 제공하는 오픈소스로 만들어진 텍스트 편집기이자 웹 개발 도구 ​ 다운로드 : http://brackets.io Install!!!! ​ ​ ※브라켓 테마 변경하기※ ​ 보기 > 테마.. > Brackets Dark로 변경 ​ ​ ​ ​ 2. 크롬 브라우저 설치 ​ 다운로드 : https://www.google.com/intl/ko/chrome/ ​ ​ ​ ​ ​ ​ ​ ​ ​ ​ 2. 노드 설치 다운로드 : https://nodejs.org/ko/ 안정성과 보안성이 좋은 LTS 버전 다운로드 ​ ​ ​ *커맨드 창에서 버전 확인 및 npm 최신버전 설치하기* ​ node –v : 설치되어있는 node 버전 확인 npm –v : 설치되어있는 npm 버전 확인 ​ ↑이 두 가..

노드는 왜 만들어졌을까?? ​ 전에는 웹 상에서 파일 업로드할 때에 데이터를 조회하거나 하는 다른 작업을 할 수 없었다. 이러한 문제를 해결하기 위해 개발된 새로운 방식의 서버 도구가 바로 Node.js! ​ ​ Node.js 란? 크롬 V8 자바 스크립트 엔진으로 빌드된 자바스크립트 런타임 ​ 런타임 : 특정 언어로 만든 프로그램들을 실행할 수 있게 해주는 가상 머신의 상태 ​ ​ ​ ​ ​ ​ 노드의 내부 구조 위에서 언급했듯이 노드가 만들어 지기 전에는 웹 서버에 파일을 하나 업로드하면 핸들러가 이 파일을 업로드하기 전까지 다른 기능을 수행할 수 없기에 업로드가 완료될 때까지 기다려야한다. ​ ​ 그래서 노드는 하나의 요청 처리가 끝날 때까지 기다리지 않고, 다른 요청을 동시에 처리할 수 있는 비동..

문제 그룹 단어란 단어에 존재하는 모든 문자에 대해서, 각 문자가 연속해서 나타나는 경우만을 말한다. 예를 들면, ccazzzzbb는 c, a, z, b가 모두 연속해서 나타나고, kin도 k, i, n이 연속해서 나타나기 때문에 그룹 단어이지만, aabbbccb는 b가 떨어져서 나타나기 때문에 그룹 단어가 아니다. 단어 N개를 입력으로 받아 그룹 단어의 개수를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 단어의 개수 N이 들어온다. N은 100보다 작거나 같은 자연수이다. 둘째 줄부터 N개의 줄에 단어가 들어온다. 단어는 알파벳 소문자로만 되어있고 중복되지 않으며, 길이는 최대 100이다. 출력 첫째 줄에 그룹 단어의 개수를 출력한다. 내 코드 import java.io.BufferedReader;..

문제 지민이는 길이가 64cm인 막대를 가지고 있다. 어느 날, 그는 길이가 Xcm인 막대가 가지고 싶어졌다. 지민이는 원래 가지고 있던 막대를 더 작은 막대로 자른다음에, 풀로 붙여서 길이가 Xcm인 막대를 만들려고 한다. 막대를 자르는 가장 쉬운 방법은 절반으로 자르는 것이다. 지민이는 아래와 같은 과정을 거쳐서 막대를 자르려고 한다. 지민이가 가지고 있는 막대의 길이를 모두 더한다. 처음에는 64cm 막대 하나만 가지고 있다. 이때, 합이 X보다 크다면, 아래와 같은 과정을 반복한다. 가지고 있는 막대 중 길이가 가장 짧은 것을 절반으로 자른다. 만약, 위에서 자른 막대의 절반 중 하나를 버리고 남아있는 막대의 길이의 합이 X보다 크거나 같다면, 위에서 자른 막대의 절반 중 하나를 버린다. 이제, ..

파이어베이스란? 2011년 파이어베이스사가 개발하고, 2014년에 구글(google)에게 인수된 모바일 및 웹 애플리케이션 개발 플랫폼이다. '파이어베이스'는 앱을 개발할 때에 필요한 서비스들을 API 형태로 (무료로) 제공해주기 때문에 앱 개발 기간을 단축시켜주고, 개발 난이도를 낯춰줌으로써 개발 방식을 효율적으로 개선해준다. 예전에는 일반적으로 프론트엔드와 백엔드 양쪽 모두에서 쿼리를 작성해야만 했다. 프론트엔드의 코드는 백엔드의 API(응용프로그램 인터페이스)만을 호출할 뿐이며, 실제로 작업을 수행하는 것은 백엔드의 코드이다. 하지만 ‘파이어베이스’를 이용하면 이러한 백엔드 쪽의 작업을 건너뛸 수 있다. 파이어베이스 개발 기능 파이어 베이스의 개발 기능은 크게 5가지 - 인증/ 실시간 데이터베이스/..

ㅣ MaterialApp 위젯 구글이 제공하는 테마를 이용할 수도 있다 (UI나 위젯) 디자인만 제공하는게 아니라 여러가지 기본 세팅도 제공하기 때문에 새롭게 커스터 마이징하더라도 이 위젯을 사용한다. Scaffold 위젯 보통 앱을 보면 상단에는 상단바가 앱의 내용이 들어가있는 중단부 (이 앱에선) 다른 화면으로 넘어가는 버튼이 있는 하단부가 있다. Scaffold 위젯은 이렇게 한 화면을 상중하 세 부분으로 분리해주는 역할을 한다. return MaterialApp( home: Scaffold( appBar: ------, body: -------, bottomNavigationBar: --------, ) ); 이렇게 Scaffold() 안에 appBar 에는 상단 부분 boby 에는 내용(중간) ..