728x90 반응형 SMALL dev45 javascript 동적 Dialog Modal 만들기 안녕하세요. 오늘은 javascript를 이용해 동적으로 Dialog Modal을 만들어 보도록 할게요. 화면 중앙에 Dialog Modal 버튼을 만들고 버튼을 클릭하면 Dialog Modal 생성 후 Cancel 버튼을 눌러 Dialog Modal을 다시 제거하도록 했습니다. 우선 아래와 같이 버튼을 만듭니다. Dialog Modal 버튼을 클릭하면 showDialog 함수를 호출하고 함수해서 html 을 동적으로 body에 넣어 Dialog Modal을 표현합니다. Dialog Title Dialog 내용입니다. Cancel OK 위에 Dialog Modal HTML 코드를 Javascript에서 String 으로 만들고 DOMParser().parseFromString() 함수를 사용해 Strin.. 2022. 6. 21. 제1장 Vue 개발환경 구축 제 1장 Vuew 개발환경 구축하기 개발환경 구축에 앞서 환경구축에필요한 항목을 나열해보자. 1.Node.js 설치 2.IDE or Text Edit 설치 3.Vue CLI 설치 4.Vue project 생성 이제 단계별로 하나씩 구축을 진행하보자~ 1.Node.js 설치 Vue.js를 사용하기 위해서는 Node.js를 필수적으로 필요합니다. Node.js를 설치하며 기본적으로 패키지 관리 npm도 같이 설치됩니다. 다운로드는 아래에 링크를 통해 다운로드 받으면 됩니다. 최신버전 보다는 안정성, 신뢰도 높은 버전을 다운로드 받으시는걸 추천합니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 Java.. 2022. 2. 28. 프로그래머스 숫자 문자열과 영단어 JAVA 우연히 프래그래머스 들어 갔다가 간단한 문제 있어 풀어봤어요~ 문제 숫자 문자열과 영단어 문제 설명 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자릿수를 영단어로 바꾸는 예시입니다. 1478 → "one4seveneight" 234567 → "23four5six7" 10203 → "1zerotwozero3" 이렇게 숫자의 일부 자릿수가 영단어로 바뀌어졌거나, 혹은 바뀌지 않고 그대로인 문자열 s가 매개변수로 주어집니다. s가 의미하는 원래 숫자를 return 하도록 solution 함수를 완성해주세요. 참고로 각 숫자에 대응되는 영단어는 다음 표와 같습니다. 숫자영단어 .. 2021. 8. 8. Spring Boot MyBatis 로 MySql 연동하기 Gradle 안녕하세요. 오늘은 Spring Boot에서 MyBatis 라이브러리를 이용해 MySql 연동 방법을 알아볼게요 우선 Spring Boot 프로젝트를 생성해 주세요. 프로젝트 생성은 생략하고 넘어가도록 할게요 저는 Gradle로 프로젝트를 만들어서 Gradle에서 적용하는 방법을 설명하겠습니다. 1. MyBatis 라이브러리 Gradle 의존성 설정 MyBatis 라이브러리 Gradle 의존성 설정을 위해 build.gradle 파일을 열어 줍니다. 그럼 dependencies라는 부분에 아래와 같이 추가합니다. // MyBatis 라이브러리 의존성 추가 implementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter:2.2.0' runtimeOn.. 2021. 8. 7. 이전 1 2 3 4 5 6 ··· 12 다음 728x90 반응형 LIST
