본문 바로가기

분류 전체보기542

[JavaScript] reload() 메서드 - 페이지 새로고침 😎캐시에서 페이지 가져와 새로고침 (= false 옵션) [예제1] HTML과 스크립트 분리 새로고침 [예제2] HTML과 스크립트 일체 캐시새로고침 ※ location.reload() 메서드 기본값이라, false는 생략 가능. 😎서버에서 페이지 가져와 새로고침. (= true 옵션) 새로고침 서버새로고침 😎reload() 정의 - 페이지 새로고침 (= 리로드) - 모든 주요 브라우저 지원 😎reload() 구문 location.reload(forceGet) [매개변수] forceGet 선택. 새로고침 방법 지정. (= 리로드 타입 지정) false : 캐시에서 가져와 현재페이지 새로고침. (기본값.) true : 서버에서 가져와 현재페이지 새로고침. 2021. 11. 16.
[React] 실전 리액트 들어가기 전 , 기본 javascript 문법 es6(ecmascript) 😎리액트란? React 는 UI 를 구현하는 JavaScript 라이브러리 웹 앱(Web App) 또는 네이티브 앱(Native App) 유지보수를 쉽게 , DOM 관리  성능최적화 쉽게 컴포넌트에 집중  대부분 공식 라이브러리가 없음 (높은 자유도) 자바스크립트 친화적 es6 기반로 배우기가 쉽다 😎react 진도 리액트에 필요한 자바스크립트 리액트 작성법 ( state , props ) hooks - useState / useRef / useEffect 스타일 :sass , styeld-component 리액트에서 ajax 요청방법 ( axios / Fetch ) 성능관련 : useMemo / useCallback 상태분리 useReducer Single Page Application: spa -.. 2021. 11. 15.
[JAVA] JSONObject key 값이 null 일때 해결 방법 우리는 JSON parser/ object 등으로 제이슨 처리를 한다. { "gender" : "남성" } 이러한 데이터는 쉽게 if(jsonObject.get("gender").equals("남성")){ // key값이 gender인 json Object 의 값 체크가 가능 } 키값을 넣고 체크 가능하다. 그치만 Key값이 null일때, { "gender" : null } 널값을 가진 키라면 널포인트 익셉션 이 발생한다. if(jsonObject.get("gender").equals("남성")){ //널포인트 발생 }else if(jsonObject.get("gender").equals(null)){ //error }else if(jsonObject.get("gender").equals("null")).. 2021. 11. 15.
React Hooks : useEffect() 함수 useEffect 함수는 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 Hook 이다. useEffect는 component가 mount 됐을 때, component가 unmount 됐을 때, component가 update 됐을 때, 특정 작업을 처리할 수 있다. 즉, 클래스형 컴포넌트에서 사용할 수 있었던 생명주기 메소드를 함수형 컴포넌트에서도 사용할 수 있게 된 것이다. 😎useEffect() 사용법 기본 형태 : useEffect( function, deps ) - function : 수행하고자 하는 작업 - deps : 배열 형태이며, 배열 안에는 검사하고자 하는 특정 값 or 빈 배열 import React, { useEffect } from 'react'; useEf.. 2021. 11. 14.
티스토리 코드 블럭 하이라이트, 라인 넘버, 폰트 설정하기 (2) - 라인 넘버, 폰트 설정 코드 블럭 하이라이트에 이어서 라인 넘버 설정 방법 이 코드를 하이라이트 설정했던 것 처럼 블로그 관리 > 스킨 편집 > HTML 탭에 들어가서 사이에 추가해주면 된다. 그리고 css 탭으로 이동해서 맨 아래에 이 코드를 붙여넣는다. /* Line Number CSS */ /* for block of numbers */ .hljs-ln-numbers { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; color: #B5B5B5; border-right: 1.. 2021. 11. 13.
티스토리 코드 블럭 하이라이트, 라인 넘버, 폰트 설정하기 (1) - 하이라이트 티스토리에 코드를 올리면서 코드가 좀 더 가독성이 좋게 보였으면해서 여러가지 방법을 찾아봤다. 가장 간단한 방법으로 티스토리 플러그인을 이용하는 방법이 있다. 블로그 관리에서 플러그인을 누르면 플러그인 목록이 뜬다. 그 중 코드 문법 강조 플러그인을 누르고 테마를 선택한뒤 적용을 누르면 끝이다. 하지만 플러그인의 강조가 밋밋한 감이 있기 때문에 조금 더 가독성을 높이려면 highlight.js를 사용하는 것을 추천한다. 사용 방법은 highlightjs.org/에 들어가서 Get Version을 누른다. highlight.js Version 10.3.2 Tiny tiny release, just to fix the website incorrectly not listing Javascript in the .. 2021. 11. 12.
[별내맛집/국밥맛집] 오겜 새벽이 아버지님이 운영하시는 우리나라국밥 소고기 국밥 맛집 별내 맛집 별내 근처에 볼일이있어서 방문했다. 오징어게임 새벽이 역의 배우 정호연님의 아버지가 하시는 곳이라고 한다...;; TMI : 오겜 볼려고 넷플릭스 처음 결제하고 아이폰이라 구글크롬캐스트 샀다. 연예인 가족의 식당이라서 간건 아니고 작년부터 소고기 국밥 맛집이라고 친구가 추천해줘서 방문하게 되었다. 나는 국밥충이니깡~~~~ 국밥 뿐아니라 불고기도 팔공 고기완자 *_* 도 먹을수 있다. 첫 방문인데 지나가다 간판은 진짜 많이 봤당.ㅎㅎㅎㅎㅎㅎㅎㅎ 불고기도 맛있겟당. 4시쯤 식사시간이 아니여서 손님이 많진 않았는데 그 애매한 시간에도 사람이 꾀 있었다. 그리고 24시 라능.. 코로나 제한 풀려쓰니깡...(풀려도 안풀려도 불편함 없이 살았다 난 ... 슈퍼 집순이) 김치세트를 주고 .. 2021. 11. 9.
새창을 여는 window.open() 함수 사용법 웹브라우저에서 새창을 열기 위해서 가장 간단히 사용할 수 있는 방법이 자바스크립트 window 객체의 open() 함수를 사용하는 것입니다. 1. 문법(Syntax) var ret = window.open(url, name, specs, replace); 1.1. 반환값(ret) 새로 만들어진 창 객체가 반환됩니다. 창의 생성에 실패하면 null을 반환합니다. 이 객체를 통해서 새창을 제어할 수 있습니다. 예로 ret.close(); 로 창을 닫을 수 있습니다. 1.2. url 새창에 보여질 주소 입니다. 선택적인 값으로 비워두면 빈창(about:blank)이 보입니다. 1.3. name 새로 열릴 참의 속성 또는 창의 이름을 지정합니다. 선택적인 값으로 기본값은 "_blank" 입니다. 사용 가능한 값.. 2021. 11. 9.
[JAVASCRIPT] 이미지 클릭시 새창띄우기 (base64 이미지) JS 코드 : window.open 사용 : 이미지가 경로가 아닌 Base64 인코딩된 값 : width, height 이미지사이즈에 맞게 지정가능하다. 나의 경우 base64 인코딩 값이 이미지 src 여서 600px 로 지정해줌 const clickImg = (imgsrc,pageName) =>{ // alert(imgsrc); var imageWin = new Image(); imageWin = window.open("", "", "width=600px, height=600px"); imageWin.document.write(""); imageWin.document.write(""); imageWin.document.write(""); imageWin.document.title = pageName;.. 2021. 11. 9.
728x90
반응형

티스토리툴바