본문 바로가기

분류 전체보기

[스파르타 코딩] 웹개발 종합반 2주차 개발일지 JQuery 서버-클라이언트 통신 Ajax JQuery JQuery란 HTML 요소를 편리하게 조작할 수 있는 Javascript를 미리 작성해 둔 라이브러리 -> 미리 짜둔 코드를 가져오는 것이기 때문에 임포트 필수! id = "" 로 이름표 붙이기 CSS의 class = ""와 유사 예. chrome console 창에서 $('#url').val('영화 url 입력') -> id="url" 영역에 JQuery를 적용해 '영화 url 입력'이라는 문구를 넣는다. $('#post-box').hide()/show() -> id="post-box" 영역에 JQuery를 적용해 숨기기/보이기 한다. 포스팅 박스 열기/닫기 포스팅 박스 '영화 기록하기', '닫기' 버튼에 function 입히기 function .. 더보기
[스파르타코딩] 웹개발 종합반 1주차 개발일지 자바 개념 JVM(Java Virtual Machine) 아키텍처 JVM(Java Virtual Machine)은 추상 시스템입니다. 자바 바이트코드를 실행할 수 있는 런타임 환경을 제공하는 사양입니다. JVM은 많은 하드웨어 및 소프트웨어 플랫폼에서 사용할 수 있습니다(즉, JVM은 플랫폼에 따라 다릅니다). JVM이란 Java 가상 시스템의 작업이 지정된 규격입니다. 그러나 구현 제공자는 알고리즘을 선택하는 데 독립적입니다. Oracle 및 기타 기업에서 구현했습니다. 구현은 JRE(Java Runtime Environment)로 알려져 있습니다. 런타임 인스턴스 Java 클래스를 실행하기 위해 명령 프롬프트에 java 명령을 쓸 때마다 JVM의 인스턴스가 생성됩니다. JVM은 다음 작업을 수행합니다.. 더보기
[SQL기초공부] 개발일지1일차 강의명 : 엑셀보다 쉬운 SQL 강의 학습 CRUD CREATE, READ, UPDATE, DELETE 4가지 DML 문이 존재 쿼리 : 데이터베이스에 명령을 내리는 것 테이블 행과 열로 구성 WHERE 절 WHERE절은 SELECT문으로 데이터를 조회할 때 특정 조건을 기준으로 원하는 행을 출력하는데 사용한다. 그리고 여러 연산자를 함께 사용하면 더욱 세밀하게 데이터 검색을 할 수 있다. LIMIT 데이터 수를 제한하여 일부 데이터만 조회 DISTINCT 중복 데이터는 제외하고 조회 COUNT 데이터의 개수를 조회 과제 코드 - 이메일이 네이버면서 결제방법이 KAKAOPAY이며 과정명이 웹개발 종합반인 건을모두 찾는것 select o.order_no, o.created_at , o.updated_at .. 더보기
[Android]카드게임만들기_프로젝트 셋팅 및 구글로그인 1. 프로젝트 생성 2. 테스트 가상 기기 생성 필자는 Q Api를 선택하고 기기는 Pixel 5를 선택하였습니다. 3. 구글 로그인 - 구글 firebase 접속 후 프로젝트 생성 Android 패키지 이름에는 AndroidManifest.xml의 안의 Android 패키지 이름을 작성한다. 앱 닉네임은 말 그대로 앱을 구분할 수 있는 닉네임을 입력하면 된다. 디버그 서명 인증서 SHA-1은 Google 로그인 과정에서는 선택사항이 아닌 필수사항이다. 이후 파이어베이스 공식 레퍼런스를 참고하여 구글로그인 소스코드를 작성할 것 -- sha-1 키 등록 방법 1) cmd에서 keytool을 사용한다. [mac] keytool -list -v -alias androiddebugkey -keystore ~/... 더보기
[ANDROID] ANDROID12(targetSdk 31)버전으로 앱실 행 시, android:exported 설정 android12를 타겟팅해야하는 경우, AndroidManifest.xml 파일에서 activities, services, receivers 등에 android:exported 를 설정해야한다. 해당코드에서 android:exported="true" 속성이 없으면 Manifest merger failed : android:exported needs to be explicitly specified for element . Apps targeting Android 12 and higher are required to specify an explicit value for `android:exported` when the corresponding component has an intent filter defi.. 더보기
[intellij/spring] h2 (메모리영역에서 사용하는db)설정 방법 intellij spring boot 프로젝트 실행 /h2-console 뒷부분 jdbc로 시작하는 문자열 복사 http://localhost:8080/h2-console 이동 jdbc url 에 아까 복사 한 jdbc 값을 붙여넣기 이후 바로 connect 버튼 클릭 db 접속 완료 show databases ; 명령어를 실행해서 되는지 확인해 볼 것 더보기
[intellij] spring 프로젝트 생성 및 시작 사용언어 java + spring framework 툴 : intellij db : h2 빌드 : gradle 1. 프로그램 설치 (실습 용도로 사용) java : jdk 11 version intelliJ : community version 설치 2. 프로젝트 생성 3. build.gradle 설정 plugins { id 'org.springframework.boot' version '2.4.2' id 'io.spring.dependency-management' version '1.0.11.RELEASE' id 'java' } group 'com.web.todo' version '1.0-SNAPSHOT' repositories { mavenCentral() } dependencies { // JPA i.. 더보기
[VUE] VUE 프로젝트 구조 Npm을 이용한 Vue 설치후 프로젝트 구조 잡기 npm을 이용하여 vue를 사용할때 3가지 파일로 나눠서 코딩한다. main.js는 Vue 인스턴스를 로딩하기 위해서 사용한다. .vue 파일들은 각각 vue에 대한 Component들이다. .html 파일은 컴포넌트가 삽입될 HTML 템플릿이다. Vue 컴포넌트 파일 구조 이해하기 .vue로 끝나는 파일은 컴포넌트를 만들기 위하여 사용되는 자바스크립트 코드이다. .vue파일은 크게 3가지 부분으로 나눠진다. template : 템플릿은 해당 Component를 구성하는 실제 컴포넌트에 대한 HTML 코드를 작성하는 부분이다. script : 실제 해당 컴포넌트에 대한 data와 실제 동작을 정의하는 JS 파일이다. style : template에 대한 .. 더보기
[VUE] 프로젝트 생성 후 <router-view> 에러 나는 현상 Vue프로젝트 설치할 때 선택한 Eslint 관련해서 에러인것 처럼 잡는 것입니다. 실제로는 에러가 아니지만요. Vue 2.0 버전에서는 template 태그 안에 반드시 루트 태그(div 같은)가 있어야 에러가 아니였습니다. 에러메시지 : The template root requires exactly one element vue/no-multiple-template-root 그런데 Vue 3.0 부터는 루트 태그가 없어서 에러가 아닙니다. Eslint가 아직 Vue 3.0에 바뀐 내용을 모두 적용하고 있지 않아서 에러인것처럼 빨간색 줄이 가는 현상입니다. 빨간줄을 없애고 싶다면, template 태그 안에 작성된 html 코드 최상위에 div 같은 루트 태그를 사용하시면 됩니다. 더보기
[VUE] VUE 설치 과정에서 에러 발생 시 재설치 - vue-cli 삭제 npm uninstall vue-cli -g - vue-cli 설치 npm install -g @vue/cli - vue-cli 업데이트 npm update -g @vue/cli - vue 버전확인 vue --version 더보기

티스토리툴바