본문 바로가기

분류 전체보기

 (254)
[JavaScript] radio check div 숨기기/표시하기 문제해결 - radio 버튼을 눌렀을 때 해당 값에 해당하는 div에 있는 내용을 활성화 시키고, 해당 값이 아닌 것은 비활성화 시키기 위해서 자바스크립트 값을 onClick에 함수를 줬다. - 이 때의 문제는 페이지 로드시 온클릭에 해당하지 않기 때문에 숨김 처리해뒀던 div가 떠있다는 것이다. - 곰곰히 생각해 본 결과 onload 시에도 값을 줘야한다는 걸 깨달았다. window.onload = function() { } 윈도우 온 로드시 함수를 실행 체크 값을 가져와서 setDisplay()에 넣음 setDisplay는 라디오 버튼 onClick시 실행되는 함수로 style로 div 값을 숨기고 오픈 Jquery에 익숙해져서 자바스크립트는 전혀 기억이 나지 않았는데 이번에 공부가 되었다. 앞으로도 공부의 ..
[jQuery] js파일에서 jQuery 사용하기 function loadJQuery() { var oScript = document.createElement("script"); oScript.type = "text/javascript"; oScript.charset = "utf-8"; oScript.src = "http://code.jquery.com/jquery-1.6.2.min.js"; document.getElementsByTagName("head")[0].appendChild(oScript); } $(function(){ $() });
[ 부트스트랩 ] 그리드 크기에 따라 숨기기/보이기 한참을 헤맸던 방법 ... col-sm-8 col-sm-4 d-none d-md-block 여기서 d-none 시작하는부분 d-md-block은 끝나는 부분으로 가운데 sm/md/lg 이렇게 넣어주면 됨~
[JAVA] ModelAndView + List 안에 Map 넣기 https://hongku.tistory.com/116 SpringMVC :: 컨트롤러(Controller), Model, ModelAndView 사용법 스프링 MVC 컨트롤러 (Controller) 기본적인 흐름은 client가 요청을 하면, @Controller에 진입한다. 컨트롤러는 요청에 대한 작업을 수행하고, 뷰쪽으로 데이터를 전달한다. 컨트롤러 클래스 제작 순서 @C hongku.tistory.com https://jinsiri.tistory.com/365 [자바] HashMap, Map 사용법 맵 사용법 map선언시 Map map= new HashMap(); 이렇게 하는데 앞의 Map과 뒤의 HashMap의 글자가 다른 이유는 Map이 인터 페이스이기 때문이다. 인터페이스는 선언만 가능하다...
[React : 05] Component https://youtu.be/bq2SjODrhJQ ※주의※ - 우리는 html 코드를 return() 안에 짜고 있다. return 안에는 항상 하나의 태그만 시작하고 끝내야 한다. return ( 이 건 가 능 ); return ( 이 건 불가능 하 다 ) - HTML을 한 단어로 줄여서 쓸 수 있는 방법 : 리액트의 Component 문법 - function App() 이곳이 끝나는 괄호 아래에 Modal() 함수를 만들고 return 안에 원하는 HTML을 작성하면 끝! - 태그를 부를 땐 이렇게만 해줘도 된다! Component - 이름은 대문자로 시작한다. - return() 안에 있는 건 태그 하나로 묶어야 한다. ex) - return() 내부를 묶을 때 의미 없는 를 쓰기 싫다면 이렇게 ..
[React : 04] 이벤트 리스너 ( 좋아요 버튼 ) https://youtu.be/Br9fKSIeAok [ 저번 시간 답안 ] import React, { useState } from 'react'; import './App.css'; import logo from './logo.svg'; function App() { let [글제목, 글제목변경] = useState(['남자 코트 추천', '강남 우동 맛집', '응암 고기 맛집']); let ftStyle = { color : 'wheat', fontSize : '30px'} return ( 개발 Blog { 글제목[0] } 2월 17일 발행 { 글제목[1] } 2월 17일 발행 { 글제목[2] } 2월 17일 발행 ); } export default App; 이렇게 했을 때 터미널에 Compiled ..
[React : 03] state를 이용해 글 목록 만들기 변수에 데이터를 저장하고 데이터 보관할 때 옵션이 두 개가 있다. 1 데이터는 변수에 넣거나 2 state를 사용하거나 상단 import에 아래를 추가한다. import React, { useState } from 'react'; - 리액트에 있는 내장 함수를 사용 let [a, b] = useState('남자 코트 추천'); - 이 함수를 실행하면 [a, b] 이렇게 두 개의 데이터가 있는 array가 남는다. - ES6 신 문법 : destructuring 문법 - 설명 전에 아래 설명 참고 var [a, b] = [10, 100]; 이 두 개의 데이터를 각각의 변수에 담고싶다면? a에는 10을 넣고, b에는 100을 넣는다. 이것이 바로 destructuring(디스트럭터링) let [글제목, 글제..
[React : 02] JSX https://www.youtube.com/watch?v=FqnAFX9lQPQ 강추 합니다! - React에서는 html 대신에 JSX 라는 문법을 사용한다. - class가 아니라 className을 사용하는 이유 : JavaScript에서 class라는 예약어가 있기 때문에 React는 이처럼 조금씩 문법이 다르다. - html과 거의 비슷한데 왜 html+css 대신에 React를 사용하느냐? 데이터 바인딩을 쉽게 할 수 있다. * 데이터 바인딩 : 서버에서 받아 온 데이터를 자바스크립트로 저장한 다음 HTML에 꽂아 넣는 작업 {중괄호}를 이용해서 쉽게 바꿀 수 있기 때문! React, Vue, Angular를 사용하는 이유도 바로 이것 때문이라고 한다. import './Ap..

티스토리툴바