본문 바로가기

Programming128

[Vue] Vue CLI 설치하기 (with VSCode) hihi ~~ 오늘은 vue CLI 를 한번 설치해볼까한다. 그냥 설치할 건 아니고, VSCode 에서 설치를 해보려고 한다. Vue CLI 란? 여기서 먼저 CLI 라는 뜻 부터 알아보자. 이는 Command Line Interface의 줄인말로서 터미널 창에서 사용자가 작업을 명령할 수 있는걸 의미한다. vue-cli는 기본적으로 vue 개발환경을 설정할 수 있게 도와주는 도구이다. 이 도구를 이용하면 아주 쉽게 프로젝트를 세팅해주는 게 가능하다. 그리고 기본적으로 프로젝트의 디렉토리 구조 , init, webpack 설정 등 다양한걸 잡아줘서 프로젝트 구성 시 많은 도움이 된다. Vue CLI 설치하기 VSCode 상단 탭에 보면 Terminal 이 있는데, 여기서 New Terminal로 새 터미.. 2021. 3. 21.
[JS] 자바스크립트의 비동기 처리 패턴 - 콜백(callback), 프로미스(promise) 자바스크립트에서 비동기 처리를 하는 것은 특정 코드의 로직이 끝날때까지 코드의 실행을 멈추지 않고 다음 코드를 바로 실행하는 것을 의미한다. 보통 응답과 요청 구조로 되어있는 통신에서 비동기처리를 많이하는데, 자바스크립트에서는 이러한 비동기 처리를 위해 아래 네가지 패턴을 사용했다. 1. callback 먼저 비동기 처리의 대표적인 예시는 여러분들도 다들 아시는 ajax를 이용한 코드이다. ajax 통신은 예~~전에 웹프로젝트를 할때 이미지나 데이터를 서버에서 가져와서 화면에 뿌려줄때 사용했던 통신 방식이다. 아래 예제를 먼저 보자. function getUserInfo() { var userInfo; $.get('https://localhost:8443/users/testId1', function(re.. 2021. 3. 17.
[Shell] 기본적인 쉘 프로그래밍 - eval, export, printf eval 문자열을 명령문으로 인식하고 실행하는 명령어 export 외부변수로 선언을 위한 키워드다. 선언된 변수는 다른 프로그램에서도 사용할 수 있게된다. 스크립트를 두개 짜자. 하나는 지역변수나 외부변수를 호출하는 스크립트를 하나짜고 하나는 지역변수와 외부변수를 선언하고 대입하고 출력하는 스크립트를 호출하는 스크립트를 하나 짜자. 그러고 스크립트를 호출해보자. 외부 변수의 값만 잘 출력되는것을 확인할 수 있다. printf c언의 printf 처럼 형식을 사용해서 수를 출력하는 방법도 있다 #줄바꿈 없이 문자열 출력 printf "%s" "hi" 결과 hi(바로뒤 명령 프롬프트) #문자열 출력하고 줄바꿈 printf "%s\n" "hi" 결과 hi (줄바꾸고 명령프롬프트) # 탭 printf "%s\t.. 2020. 10. 21.
[Shell] 기본적인 쉘 스크립트 프로그래밍 - 함수 함수 shell 프로그래밍 역시 여느 프로그래밍 언어처럼 함수를 사용할 수 있다. 함수의 형식은 다음과 같다. # 함수의 정의 함수명 () { 함수 내부에서 실행될 내용 } #함수의 호출 함수명 간단한 함수를 만들어 호출을 해보면 다음과 같다. 함수에 파라미터도 사용할 수가 있다. 다만 타 언어 처럼 정의부에 파라미터를 넣지는 않는다. 형식은 아래와 같다. #정의부 함수이름 () { 여기 $1, $2 등을 사용해서 표현 } #호출부 함수이름 파라미터1 파라미터2 ... 간단한 사용방법은 아래와 같다. 끝. 2020. 10. 21.
[Shell] 기본적인 쉘 스크립트 프로그래밍 - 반복문 반복문 여느 프로그래밍 언어처럼 쉘 스크립트 프로그래밍에도 for문이나 while 문이 있다. 사용법을 알아보자. for문 for문은 아래와 같은 형식을 따른다 for 변수 in 값1 값2 값3 ... do 반복할 내용 done 간단하게 1~10까지 더하는 프로그램을 간단하게 짜봤다. 실행해보면 잘 출력되는걸 볼 수 있다. c나 java같은 언어를 공부하신분들은 조금 저 표현이 이상하실 수 있고 파이썬같은 언어를 공부하신분들은 익숙할 수 있다. 물론 아주 익숙한 표현 처럼 쓸 수도 있다. 차이가 있다면 for 문 옆의 괄호를 (()) 이렇게 두번 묶어주는게 특징이다. 실행해보면 이렇게 동일한 결과를 얻을 수 있다. 이뿐만아니라 seq 1 10 이런식으로 1~10까지 표현도 가능하다. for ~ in 문의.. 2020. 10. 21.
[Shell] 기본적인 쉘 스크립트 프로그래밍 정리 - 조건문 오늘은 쉘 스크립트의 조건문을 정리해보겠다. if문 대부분의 프로그래밍 언어에서 이 if 문은 지원된다. 기본적으로 아래의 문법을 따른다. 기본 if 문 if [ 조건 ] then 참일 경우 실행되는 부분 fi 여기서 [ 조건 ] 각각의 단어 사이 사이가 공백으로 구분되어 있어야한다는 것을 기억하자. 예시로 스크립트를 하나 작성해봤다. 이 스크립트를 실행해보면 다음과 같다 if ~else 문 if else 문은 yes or no 를 묻는거다. 형식은 아래와 같다. if [ 조건 ] then 참일 경우 실행되는 부분 else 거짓일 경우 실행되는 부분 fi if~ else 문도 간단하게 예제코드를 작성해보았다. 이 스크립트를 실행시켜보면 ... 이렇게 결과가 뜨는걸 볼 수 있다. if~ elif ~else.. 2020. 10. 20.
[Shell] 기본적인 쉘 스크립트 프로그래밍 정리 - 변수 변수 변수의 기본내용 변수는 필요한 값을 저장하고 변경할 수 있는 공간이다. 쉘스크립트는 한번 짜두면 구조는 잘 변경되지 않지만 때에 따라서 설정해놓은 값을 변경해야하는 경우는 있다. 이때 이 변수에 저장해둔 값을 변경해준다. 쉘스크립트에서는 변수를 사용하기 전에 다른 언어들 처럼 따로 미리 선언해서 사용하지 않는다. 처음에 변수에 값이 할당될때 자동으로 변수가 생성되는 방식이다. 그리고 변수에 넣는 모든 값들은 문자열로 취급된다. 숫자를 넣어도 문자로 취급된다는 말이다 그리고 변수 명은 대소문자를 구분한다. 그리고 변수에 대입할 때 '='을 사용하는데 이때 양측에 공백이 없어야 한다. 그리고 문자열 사이에 공백을 넣어주려면 ""로 묶어줘야한다. 그리고 + - * / % 등의 사칙연산을 변수에 대입하면 .. 2020. 10. 19.
[Flutter] Flutter 개발환경 세팅하기 - 3. Android Emulator 설치 및 데모앱 실행하기 하이 ~~!! 지난 번 포스팅에서 Flutter와 Android Studio를 설치했었다. (지난 글 보러가기)devkingdom.tistory.com/188[Flutter] Flutter 개발환경 세팅하기 - 1.Flutter SDK 설치하기하이! 오늘은 Flutter 개발환경을 한번 세팅해 볼거다. 일단 내가 구성하고자하는 것은 Flutter 에서 공식적으로 제안하는 방법대로 구성을 해볼 것이다. 개발 툴은 안드로이드 스튜디오를 사용할 ��devkingdom.tistory.comdevkingdom.tistory.com/189[Flutter] Flutter 개발환경 세팅하기 - 2. Android Studio 설치하기하이 ~~! 지난번 포스티에서 Flutter를 설치했었다. (지난번 포스팅 보러가기) .. 2020. 10. 18.
[Flutter] Flutter 개발환경 세팅하기 - 2. Android Studio 설치하기 하이 ~~! 지난번 포스티에서 Flutter를 설치했었다.(지난번 포스팅 보러가기)devkingdom.tistory.com/188[Flutter] Flutter 개발환경 세팅하기 - 1.Flutter SDK 설치하기하이! 오늘은 Flutter 개발환경을 한번 세팅해 볼거다. 일단 내가 구성하고자하는 것은 Flutter 에서 공식적으로 제안하는 방법대로 구성을 해볼 것이다. 개발 툴은 안드로이드 스튜디오를 사용할 ��devkingdom.tistory.com 영상으로보기 https://youtu.be/Np2MdW_plKE ㅎㅎ 오늘은 Android Studio 를 설치할거다 ! 아래링크로 가서 Android Studio 링크를 눌러보자 !flutter.dev/docs/get-started/install/wi.. 2020. 10. 18.

티스토리툴바