[Markdown] SimpleMDE Markdown Editor 적용 방법
·
Follow Work/SpringbootBoard
마크다운 에디터 마크다운에 익숙하지 않은 사용자도 익숙한 도구 모음 버튼과 바로 가기를 사용할 수 있습니다. 또한 편집하는 동안 구문이 렌더링되어 예상 결과를 명확하게 표시합니다. 마크다운 설명링크 : https://rebornbb.tistory.com/entry/StringBoot-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8%EA%B2%8C%EC%8B%9C%ED%8C%90-%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4-%E2%9C%94%EC%A0%95%EB%A6%AC26 마크다운에디터에는 여러가지 에디터가 있다. 나는 SimpleMDE Markdown Editor를 적용 해볼 것이다. JavaScript Markdown Editor - Simpl..
[JS-보충] 22-09-27 버튼 누를 시 테이블 생성
·
STUDY/JavaScript
자바스크립트 javascript 버튼 누를 시 테이블 생성 문제 풀기 1번문제 1~20까지 들어있는 테이블을 버튼 클릭하면 console에 출력해보자 버튼 function myString(){ let myString ="" let count = 1; for( var i=0; i
[JS-보충] 22-09-27 getElementById
·
STUDY/JavaScript
공부참고사이트 : https://www.w3schools.com/js/default.asp JavaScript Tutorial W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 자바스크립트에서 객체 가져오기 getElementById("id")
[API] SpringBoot 네이버 쇼핑 API 출력하기
·
Follow Work/SpringbootBoard
애플리케이션 - NAVER Developers 애플리케이션 - NAVER Developers developers.naver.com 애플리케이션 정보 > 클라이언트 아이디 , 비밀번호 확인 여기에서 본인이 입력한 조건의 api 데이터를 확인 할 수 있다. JSON IN java 라이브러리를 gradle의 dependencies에 추가 // https://mvnrepository.com/artifact/org.json/json implementation group: 'org.json', name: 'json', version: '20220924' NaverShopSearch.java package com.gosari.repick_project.onlineshopping; import org.json.JSON..
[SpringBoot] 22-09-27 Thymeleaf 문법 총 정리
·
STUDY/SpringBoot
스프링부트 타임리프 문법 총 정리 ItemDto.java 타임리프 사용법 타임리프에서는 서버에서 받아온 데이터를 ${ } 을 이용하여 표기합니다. View(타임리프) 부분 타임리프 문법 중 글씨를 출력하는 th:text=""에 넘긴 데이터 ${name}을 넣어주면 위에 컨트롤러에서 매핑한 /ex02로 접속했을 때 화면에 set으로 넣었던 데이터들이 출력됩니다. th:each 반복문 th:each="name : ${name}" th:switch 스위치문 aa bb th:href 이동경로 th:href=" @{/name/name(id= ${name} )} " 파라미터 전달예제 레이아웃을 위한 Dependency 추가 implementation('nz.net.ultraq.thymeleaf:thymeleaf-l..
[HTML CSS JS] 네비게이션 바 만들기
·
Follow Work/SpringbootBoard
Navigation Bar - HTML CSS vanilla JS Navigation Bar (codepen.io) See the Pen Navigation Bar by rebornbb (@bongcasso01) on CodePen. html INTRODUCE NEWS SHOPPING BOARD css * { margin: 0; padding: 0; } #Nav-Logo { display: inline-flex; height: 40px; width: 140px; background-image: url("https://cdn.pixabay.com/photo/2013/02/12/09/07/microsoft-80658_1280.png"); background-repeat: no-repeat; backgroun..
[IT] 개발 공부 유용한 사이트 모음
·
STUDY/for Developer
코딩 강의 사이트 https://opentutorials.org/course/1 생활코딩 hello world 생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다. 어떻게 공부할 것인가를 생각해보기 전에 왜 프로그 opentutorials.org 세상의 모든 강의 : '따즈아' (ddazua.com) 세상의 모든 강의 : '따즈아' 올패스 3년 패키지 모든 강의 3년간 무제한 시청 가능 1,260,000원 자세히보기 www.ddazua.com 인프런 - 미래의 동료들과 함께 성장하는 곳 | IT 정보 플랫폼 (inflearn.com) 인프런 - 미래의 동료들과 함께 성장하는 곳 | IT 정보 플랫폼 프로그래밍, 인공지능, 데이터, 마케팅..
[JS-보충] 22-09-26 변수 유효범위, typeof
·
STUDY/JavaScript
공부참고사이트 : https://www.w3schools.com/js/default.asp JavaScript Tutorial W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 변수의 유효 범위 function test1(){ var a = 1; b = 2; let c = 3; } test1(); //alert(a); //안찍힘 //alert(b); //var가 안붙으면 전..