신입개발자_장민기

App import { useRef} from "react" import Box from "./components/box" export default function App(){ const boxRef = useRef(); function handleEvent(){ console.log("부모창에서 자식창의 open함수 호출") boxRef.current.open(); //자식의 open함수 호출 } return ( App 자식의 open 호출 모달창 보기 ) } box import { useRef, useImperativeHandle, forwardRef } from "react" //반드시 fowardRef로 감싸고 Ref로 받음 const Box = forwardRef((props, ref) => ..

https://dryicons.com/ DryIcons.com — Icons and Vector Graphics dryicons.com https://velog.io/@jakeseo_me/%EC%8A%A4%ED%94%84%EB%A7%81%EA%B3%BC-JPA-%EA%B8%B0%EB%B0%98-%EC%9B%B9-%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98-%EA%B0%9C%EB%B0%9C-36-%EB%8B%89%EB%84%A4%EC%9E%84-%EC%88%98%EC%A0%95-%EC%8A%A4%ED%94%84%EB%A7%81-MVC%EC%9D%98-%ED%8F%BC%EC%B2%98%EB%A6%AC-%ED%8C%A8%ED%84%B4 스프링과 JPA 기반..

https://velog.io/@duckchanahn/%EB%84%A4%EC%9D%B4%EB%B2%84%EC%8A%A4%EB%A7%88%ED%8A%B8%EC%97%90%EB%94%94%ED%84%B0-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 네이버스마트에디터 시작하기 Spring Boot 프로젝트에 스마트에디터 시작하기 velog.io https://wooaoe.tistory.com/35 [Spring] 스프링 SmartEditor2 연동하기 Spring에서 스마트에디터2를 연동하는 방법에 대해서 알아봅시다! 🔑 우선 위의 SmartEditor2 zip 파일을 다운 받아주세요! --> 압축 파일을 풀게 되면 위의 사진과 같이 파일들이 들어있습니다. 이 파 wooaoe.tistor..

https://web-inf.tistory.com/14 JSTL 사용법 JSTL : JSTL의 반복문인 foreach에 대해 사용방법을 포스팅하고자 합니다. foreach는 우선 일반적 프로그래밍언어에서 사용하는 for문과 동일 합니다. 반복문으로 사용이되고 주로 목록을 반복해서 출 web-inf.tistory.com 참고자료 오늘부터 몇 일간은 게시판을 만들 것이다. 용도는 개인 메모, 공유, 한탄 등을 할 수 있는 짬통 같은 게시판이다. 그냥 자기 쓰고 싶은 걸 쓸 수 있는 곳이라고 보면 된다. 우선 1. DB 만들 --디버그 게시판DB 생성 create table debugBoardDB ( BOARDNUM Number(10) primary key, NICKNAME VARCHAR2(20) NOT NU..

https://m.blog.naver.com/fusi/80183873775 브라우저 새로고침 방지, F5키 막기, 리로드 막기 작성일 : 09-12-30 13:24 [브라우져] 새로고침 방지, F5키 막기, 리로드 막기 글쓴이 : 덩벙이 (211.♡.15... blog.naver.com https://zyngirok.com/entry/JavaScript-%EC%83%88%EB%A1%9C%EA%B3%A0%EC%B9%A8-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%82%98%EA%B0%80%EA%B8%B0-%EB%B0%A9%EC%A7%80 JavaScript | 새로고침 페이지 나가기 방지하기 (실행 전에 알림 띄우기) 자바스크립트를 이용한 새로고침 방지 자바스크립트를 이용해 페이지 내 정보가..

App import Box from "./components/Box" import { useRef } from "react" export default function App(){ const boxRef = useRef(); function handleEvent(){ console.log("부모창에서 자식창의 open함수 호출") boxRef.current.open(); //자식의 open함수 호출 } return ( App 자식의 open 호출 innerText ) } Box import {forwardRef, useImperativeHandle} from "react" //forwardRef로 props와 ref 감싸기 const Box = forwardRef((props, ref) => { //반드..

import { useState } from "react" export default function App(){ const [isEditing, setIsEditing] = useState(true) function handleEdit(){ setIsEditing(() => !isEditing) } let tag1 = ( 홍길동 ) if(!isEditing){ tag1 = ( ) } return ( 조건부 랜더링 구현1: if문 {tag1} {isEditing ? "save" : "edit"} 조건부 랜더링 구현2: 3항연산자 이용 {isEditing ? 이순신 : } {isEditing ? "save" : "edit"} 조건부 랜더링 구현3: 3항연산자 이용 {isEditing && 유관순}{!isE..

항상 그렇듯 월요일은 주말이 끼어있기 때문에 여러가지가 수정되었다. 1. SSN의 int타입 변경 2. 아이디 중복 확인, 비밀번호 찾기 자식창의 엔터키 이벤트 지정 // 엔터 키 누를 때 확인 버튼 클릭 $("#confirmForm").keydown(function (event) { if (event.which == 13) { // 13: 엔터 키의 keyCode event.preventDefault(); // 기본 엔터 동작 방지 $("#check_answer").click(); // 확인 버튼 클릭 } }); 3. 로그인 메인의 쿠키를 통한 아이디 저장 기능 // 아이디 저장 체크박스 상태에 따라 쿠키 생성 if ($("#userIdSave").prop("checked")) { var userId ..

Git 설정

import { useState } from "react" export default function App(){ const [num, setNum] = useState(0); const [step, setStep] = useState(1); function onPlus(){ console.log("step: ", step) setNum(num + parseInt(step)) } function onMinus(){ console.log("step: ", step) setNum(num - parseInt(step)