반응형

Programming 49

[Vue JS] 기초 01. 기본 구조

vue create 명령어를 통해 프로젝트를 생성하게 되면 기본 구조를 가진 프로젝트가 생성이 되는데요. 기존까지 사용해왔던 html, javascript 등과는 좀 다른 구조를 가지고 있어서 간단히 정리 해볼까 합니다. 저도 이제 막 시작을 한 참이라 모르는 부분이 많으니 잘못된 부분이나 애매한 부분이 있다면 말씀해주세요. vscode 등으로 프로젝트를 생성한 후 같이 보면 좀 더 이해하기 쉬울 것 같네요. 우선 아무것도 건드리지 않았을 때의 기본 구조는 이렇게 되어 있는데요. 익숙한 파일들도 보이고 vue확장자를 가진 파일이 보이네요. index.html 의 구조를 간단히 보니 내용이 보여질 div 태그 와 vue 를 지원하지 않을 경우에 메시지를 표시할 영역으로 되어 있는 것으로 보이네요. 일단 대..

Programming/Web 2021.06.19

[Vue JS] 윈도우에서 Vue JS 개발 환경 설정하기(node js, vscode)

1. Node.js 설치 사이트 : https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 링크로 이동하여 원하시는 버전을 받으시면 됩니다. LTS 버전이 일반적으로 많이 사용되는 거 같네요. 지원 일정은 이렇다고 하니 참고 정도로만 봐주세요. 다운받은 파일을 실행하고 쭉 다음 누르다가 요 화면에서 체크를 해 준 후 진행하면 됩니다. 윈도우 설정에 따라 실행 권한을 요구하기도 하는데 승인 후 진행하면 됩니다. 설치 완료 후 프로그램을 닫으면 이러한 화면이 나올텐데요 아무키나 눌러서 넘어가고 다음 화면에서도 마찬가지로 넘어가시면 됩니다. 윈도우 설정에 따..

Programming/Web 2021.06.17

[강좌] Swift 03. 변수의 종류(자료형)

변수는 숫자형, 문자형, 참거짓 으로 나눌 수 있고 숫자형은 정수, 소수로 나눌 수 있습니다. 또한 문자형은 문자열과 문자로 나눌 수 있습니다. 1. 정수형 정수형은 Int 와 Uint 로 크게 나뉘고 여기서 표현할 수 있는 길이에 따라 또 달라집니다. 각각에 8, 16, 32, 64를 뒤에 붙여서 선언을 할 수 있는데, 굳이 사용하지 않아도 됩니다. 변수 특성상 값이 변하기 때문에 언제든 넘어갈 수 있어서 언어에서 알아서 처리를 하는 거 같네요. Int는 정수를 표현하고 UInt는 자연수를 표현합니다. 선언은 var a: Int = 10 var b: UInt = 100 요런 식으로 하면 됩니다. 여기서 var을 let로 바꾸면 상수로 선언을 하게 되는 것도 참고해 주세요. 2. 실수형 실수는 Float..

Programming/App 2021.01.16

[강좌] Swift - 02. 변수의 정의

1. 변수란? 변수는 빈번하게 사용되는 것이기에 매우 중요한 항목입니다. 쉽게 이야기 하자면 변수란 어떠한 값을 저장하는 이름을 지니는 공간 이라고 생각하면 되는데요 박스에 이름을 적어 놓았다고 생각하면 조금 이해하기가 쉬울 걸로 생각됩니다. 근데 이 박스가 정사각형이 있고 직사각형이 있고... 또 박스마다 크기가 제각각이듯 변수 또한 담을 수 있는 값의 종류가 다르고 그 값의 제한이 각각 다르게 되어 있습니다. 2. 변수의 종류 변수는 크게 전연벽수와 지역변수로 나뉘게 되는데요. 전역변수는 프로그램 내에서 어디서든 사용이 가능한 형태이고 지역변수는 함수 등 일정 영역에서만 사용할 수 있는 형태입니다. (함수에 대한 건 나중에 자세히 다루도록 하겠습니다.) 3. 변수와 상수 변수는 값이 변하지 않아야 되..

Programming/App 2021.01.15

[강좌] Swift - 01. Hello world 출력하기

스위프트는 C랑은 좀 달라서 어느정도는 공부를 해두는게 좋을 거 같아 정리를 하고자 합니다. 코틀린(Kotlin)이랑 비슷한 거 같은데 어느게 먼저 나온 건지는 잘 모르겠네요. 암튼. 가볍게 시작하는 느낌으로 간단하게 모든 언어의 시작인 Hello world 를 출력하는 걸 만들어 보겠습니다. GUI 는 아직 하긴 좀 그래서 간단하게 문자열 같은 변수 사용법이나 배열, 반복문, 조건문 등 기본적인 사항을 익힐 예정이니 참고 부탁합니다. 우선 Xcode 를 실행한 후 이 화면에서 Create a new Xcode project 를 선택한 후 상단 탭에서 macOS 를 선택하고 Command Line Tool 을 선택합니다. 그리고 Next 를 누르면 프로젝트 설정하는 화면이 나오고 적당히 이름을 입력해 준..

Programming/App 2021.01.14

[JavaScript|CSS]모달 박스 띄우기

0. 들어가기 div 태그를 이용해 영역을 미리 만들어 주고 해당 영역의 디폴트 값은 보여주지 않는 상태로 둡니다. 그리고 클릭 등이 일어났을 때 설정했던 영역을 이용해 모달박스를 보여주게 되는 건데요 CSS와 JavaScript, PHP 를 이용해서 간단하게 구현해볼까 합니다. 1. 모달 영역 modal-back 클래스인 div는 모달 박스가 열렸을 때 다른 영역을 검게 칠하거나 해서 강조 해주기 위해 사용되는 영역입니다. modal-wrap 영역은 모달 박스가 나오는 부분의 영역이고 modal-body 영역은 내용이 나오는 영역입니다. 2. CSS 사이에 table, tr, td, thead, th{ margin : 1px auto; border: 1px solid; border-collapse: c..

Programming/Web 2020.11.19

[jQuery]ajax 이용해서 PHP 와 통신하기 | 동적 select 예제

0. 준비 jQuery 의 경우 페이지의 내에 선언을 해주는 부분이 필요합니다. 위 코드를 페이지 의 동적 선택박스 예제 그룹 그룹A 그룹B 그룹 사용자 테이블안의 선택박스에 ID를 지정해 줬고, group 이라는 id를 가진 선택박스의 선택항목이 변경되면 위 스크립트가 적용이 됩니다. json 방식을 통해 배열 데이터를 전달받을 예정이라 Jquery.parseJson() 함수가 사용된 것입니다. 이제 test.php의 내용입니다. 테이블(userlist)의 컬럼이 그룹명(group_name)이 있고 사용자 이름(user_name)이 있을 때 그룹내의 사용자 를 찾아내서 배열에 저장한 후 json 방식으로 되돌려 주는 코드입니다. DB 접속하는 방법은 이전 포스트를 참고해 주세요 xrexter.tisto..

Programming/Server 2020.10.13

[Android 앱소개] 갤럭시 Game Optimize Service 비활성화(선탑재 끄기, App 이용)

2020-10-14 추가 플레이스토어에 보니 이 앱은 삼성에서 녹스 인증을 해제해 버렸다고 합니다. 언제 사용할 수 있게 될지는 모르는 상황이라고 하니 마냥 기다리거나 다른 게 나오길 기다려야 될 거 같네요. 이 앱에서 할 수 있는 것들은 ADB를 통해서도 할 수는 있긴 합니다. 삼성의 경우 특정 앱들은 ADB 를 이용하더라도 비활성화 및 삭제가 안 됩니다. 대표적인 예를 제목에 적어 놓긴 했는데요 이놈입니다. 안드로이드 관련 커뮤니티를 뒤져봐도 이놈을 ADB 를 이용해서 비활성화 시키려고 하는 사람들은 있지만 성공했다는 사람은 못 봤네요 각설하고 앱 설치는 무료이고 비활성화 기능을 이용하려면 동영상광고를 보고 임시 사용을 받아서 하던지 Pro 앱을 구매해서 편하게 쓰던지 하는 방법이 있습니다. 앱을 실..

Programming/App 2020.09.07

[PHP] 특정 기간의 날짜 배열 만들기

쓸 일이 많은지는 잘 모르겠네요. 우선 DB에 있는 데이터를 불러 올 때 정해진 기간에 해당하는 데이터를 불러오는 것은 그냥 쿼리에 date between 을 넣어서 하면 되긴 합니다. 문제는 각 날짜별로 데이터를 취합해야 할 때 인데, 이런저런 방법을 다 써봤지만 뭔가 불편하고 귀찮더군요 그래서 일단 시작~끝 날짜를 지정해주면 배열로 각 날짜를 반환하는 함수를 만들어 봤습니다. function getDaysArray($sdate, $edate){ $array_days = array(); $dt_sdate = new DateTime($sdate); $dt_edate = new DateTime($edate); $dt_today = new DateTime(date('Y-m-d')); $diff = date_..

Programming/Server 2020.06.25

[HTML] 테이블 행(row) 마우스 커서 오버시 색 변경

데이터를 보기 편하게 하는 방법 2 이전 포스트 에서 각 행 별로 스타일을 적용했었는데요 이번 포스팅에서는 마우스를 가져갔을 때 색을 변경하는 방법을 설명하겠습니다. 스타일은 table,tr,td{ border:1px solid #000000; border-collapse:collapse; } tr.colored:nth-child(even){ background-color:#aaaaaa; color:#000000; } tr.colored:nth-child(odd){ background-color:#444444; color:#FFFFFF; } tr.colored:hover td{ background-color:#f3e9e9 !important; color:#303f39 !important; } 테이블은 테..

Programming/Web 2020.06.25
반응형