분류 전체보기 (63) 썸네일형 리스트형 useEffect 사용법 useEffect를 사용하면 ComponentDidMount, ComponentDidUpdate, ComponentWillUnmount를 하나의 함수로 대체할 수 있다. 1. ComponentDidMount 대체 useEffect(() => { ... 로직 }, []); 로직 부분에 실행할 코드가 들어갑니다. 그러면 컴포넌트가 마운트될 때 실행되고 끝입니다. 2. ComponentDidUpdate 대체 const useFavicon = href => { const [favi, setFavi] = useState(href); useEffect(() => { const link = document.querySelector("link[rel*='icon']") || document.createElement(".. css가 적용되지 않을 때 우선적으로 확인해야 할 것 비동기적으로 html을 화면에 뿌리는 것은 웹 개발자라면 필연적으로 생성해야 합니다. 하지만 이렇게 비동기적인 html을 화면에 뿌릴 때 css가 적용되지 않는 경우가 있습니다. 제가 겪은 예로는, 용어 사전 관련하여 초성 검색시 리스트를 화면에 뿌려야 하는데 'ㅅ'으로 초성 검색을 할 때마다 css가 적용되지 않았습니다. 원인은 영어, 숫자였습니다. 영어, 숫자가 길어지면서 width를 무시하는 것입니다. 그래서 word-break: break-all 속성을 넣어줌으로써 해결할 수 있었습니다. 이렇듯 화면에 css 속성이 적용되지 않을 때에는 우선적으로 영어나 숫자를 확인하는 것을 추천합니다. useReducer, useContext 함께 사용하기 import React from "react"; import Helmet from "react-helmet"; import Loader from "../Components/Loader"; import Message from "../Components/Message"; import { useDetail } from "../hooks/useDetail"; import Info from "../Components/Info"; import { useDetailState } from "../contexts/DetailContext"; function Detail() { useDetail(); const { loading, error } = useDetailState(); return loading ? ( Load.. JSONArray filter하기 import net.sf.json.JSONObject; ... JSONArray arr = [{...}, {...}, ...]; List list = arr.stream() .filter(json -> "apple".equals(((JSONObject) json).getString(key)) .collect(Collectors.toList()); ... JSONArray를 필터링한 후 list 형태로 만드는 방법이다. filter 후 다시 JSONArray 형태로 바꾸고 싶었는데 찾지 못하여 차선책인 List로 바꾸어 사용하였다. [java] map을 list로 변환하기 Map map이 있다고 가정하면 List list = new ArrayList(map.keySet()); or List list = new ArrayList(map.values()); [java] String을 Boolean으로 변환하기 String str = "true"; Boolean Yn = Boolean.parseBoolean(str); useState 사용법 function Count() { const [count, setCount] = useState(0); function add() { setCount(count + 1); } function sub() { setCount(count - 1); } return ( + {count} - ) } 위 코드는 useState를 사용한 간단한 counter이다. useState의 인자는 default로 설정하고 싶은 값을 넣으면 된다. useState를 받는 변수는 배열의 형식이어야 하고 앞은 state로 사용할 변수명을, 뒤는 그 변수의 setter를 선언한다. (count의 setter라 setCount라 함수명을 선언하였지만 potato, tomato 등 원하는 함수명을 넣어줘도 상관은 없다) setCount.. vscode에서 spring boot 프로젝트 만들기 안녕하세요. 오늘은 vscode로 spring boot를 이용하여 maven, gradle 프로젝트를 각각 생성하는 방법을 적어보려 합니다. vscode에 익숙하지 않으신 분들은 어디서 생성해야 되는 건지 난감하실 수 있는데요. 지금부터 생성 과정을 보여드리겠습니다. 순서 1. 마켓 플레이스에서 Spring Boot Extension Pack을 설치한다. 이 패키지를 설치함으로써 스프링 부트를 위한 환경 설정을 해주게 됩니다. 2. CTRL + SHIFT + P를 누른다 해당 명령어는 vscode 내 명령 프롬프트를 여는 명령어입니다. 여기서 프로젝트 생성하는 명령어를 입력해야 프로젝트 생성이 시작합니다. 3. 입력창에 Generate를 칩니다. 그러면 자동완성 기능으로 인해 Spring Initiali.. 이전 1 ··· 3 4 5 6 7 8 다음
