신입개발자_장민기

import React from "react" import { useState, useMemo } from "react" export default function App(){ const [count, setCount] = useState(0); const increase = () => { setCount(count + 1) } //항상 고정된 값을 리턴하는 함수 const calculateComplexValue = useMemo(() => { console.log("calculateComplexValue") return 2 * 2 * 987; }, []); /* useMemo 적용 안 된 예제 - increase 버튼을 클릭하면 count값이 증가하고 재랜더링됨 -> complexValue값을 다시 그..

시험 때 공부했던 걸 정리한 내용...

https://offbyone.tistory.com/367 JSTL - , 태그 사용법 jstl에서 조건에 따른 분기를 처리할 수 있는 태그로 와 가 있습니다. 1. 태그 test 속성내의 EL 의 결과가 참이면 실행됩니다. else 구문은 없습니다. 위의 코드는 변수 name의 값이 "홍길동" 이면 출력 offbyone.tistory.com 글 jsp 이전 글: 글번호: ${prev.boardNum} | 카테고리: ${prev.category} | 제목: ${prev.title} | 닉네임: ${prev.nickname} | 작성 날짜: ${prev.edittedDate} | 조회수: ${prev.viewCount} | 추천수: ${prev.recommendNum} 다음 글: 글번호: ${next.bo..

App import React from "react" import { useState} from "react" import Counter from "./components/Counter" import Counter2 from "./components/Counter2" import Counter3 from "./components/Counter3" import Counter4 from "./components/Counter4" export default function App(){ const [num, setNum] = useState(0); function handleEvent(){ setNum(num + 1); } return( App {num} {/* Counter와 Counter2는 부모인 App이..

import React from "react" import { useState, useEffect } from "react" export default function App(){ const [num, setNum] = useState(0); useEffect(() => { console.log("effect") document.querySelector("#up").addEventListener("click", onIncrease); }, []); function onIncrease(){ setNum(num + 1); } return( App {num} + ) }

App import React from "react" import { useState, useEffect } from "react" export default function App(){ //컴포넌트 함수 안에서 useState 선언 //1. [의존성배열]에 state값이 있는 경우: number값이 변경되면 부수효과함수가 재실행됨 //2. [] 빈배열을 지정한 경우, 단 한번만 실행 //3. 배열 지정 안 하면 App이 재랜더링될 때마다 부수효과함수가 재실행됨 //4. strict 모드로 실행하면 2번 호출( 1번 호출하려면 index.js 수정 ) const [number, setNumber] = useState(0); const [number2, setNumber2] = useState(0); us..

로그인 화면은 전면 개조했다. 회원가입 외부 사이트 이용하실껀가요? 회원가입으로 로그인 외부 사이트를 이용하실껀가요? 비밀번호 보이기 로그인 아이디 저장 자동 로그인 아이디 찾기 비밀번호 찾기 환영합니다! 회원가입을 위해고객님의 정보를 입력해주세요! 로그인 화면으로 문화인의 밤에어서오세요! 사이트 이용을 위해아이디와 비밀번호를 입력해주세요! 회원가입 화면으로 $(function(){ //로그인과 회원가입 탭 전환******************************************* $('#signUp').on('click', function () { $('#container').addClass("right-panel-active"); $('#userId').val(''); $('#userPw')...

App import { createContext, useReducer, useState } from "react" import Button from "./components/Button" export const UserContext = createContext(null); export default function App(){ const reducer = (current_state, action) => { //current_state: 현재 배열 상태 //action: type(타입명: ADD / DEL) / xxx(추가되는 값) console.log(">>>" , current_state.filter((v,i) => v !== action.xxx)); switch(action.type){ case "A..

https://codingbroker.tistory.com/42 [HTML, JAVASCRIPT] 브라우저에서 확인창, 경고창 띄우는 법 - confirm confirm 브라우저 창에서 확인창, 경고창 띄우기 구문 result = window.confirm(message); message 확인창에 띄울 문구 result 사용자가 '확인'을 누르면 true / '취소'를 누르면 false 예시 버튼을 클릭하면 배경화 codingbroker.tistory.com DOCTYPE html> 게시판 글 삭제 확인 글 삭제를 위해 비밀번호를 입력해주세요. $(function(){ $("#ajaxCheck").on("click", function(){ var boardNum = $("#boardNum").val() ..

user-context import { createContext } from "react"; export const UserContext = createContext(""); App import { useState } from "react" import Profile from "./components/Profile" import {UserContext} from"./store/user-context" export default function App(){ const [username, setUsername] = useState("Mike"); return ( App {/* epxport const UserContex = createContext(""); */} ) } Greeting import { us..