본문 바로가기

분류 전체보기277

[Java] 문자열 슬라이싱하는 substring(), 분리하는 split() 문자열 슬라이싱 하는 함수 substring() String str1 = "Hello"; String a = str1.substring(2, 4); System.out.println(a); // 결과 : ll 문자열 분리하는 함수 split() str1 = "red, blue, white"; String[] strArray = str1.split(", "); for(int i=0; i 2023. 12. 20.
[Java] 문자열 붙이는 concat(), 문자열 길이 구하는 length() 문자열 붙이는 함수 concat() String str1 = "Hello"; String a = str1.concat(" h1~"); System.out.println(a); // 결과 : Hello h1~ 문자열 길이 구하는 함수 length() String str1 = "Hello"; int len = str1.length(); System.out.println(len); // 결과 : 5 2023. 12. 20.
[Java] 문자열을 숫자로 바꾸는 방법, 숫자를 문자열로 바꾸는 방법 문자열 -> 숫자(정수) String str3 = "317"; int num = Integer.valueOf(str3).intValue(); System.out.println(str3 + 100); System.out.println(num + 100); int num9 = Integer.parseInt(str3); System.out.println(str3 + 100); System.out.println(num9 + 100); // 출력 결과 317100 417 317100 417 Integer.valueOf(문자열).intValue() Integer.parseInt(문자열) 둘 다 가능하다. 숫자(정수) -> 문자열 int k = 300; String data = Integer.toString(k); .. 2023. 12. 20.
[Java] 정수, 실수, 문자 데이터 타입 다루기 정수, 실수, 문자 데이터 타입 다루기 정수형 데이터 타입은 byte, short, int, long 4가지가 있는데 잘 쓰이는 타입은 int, long이다. ※ 각 데이터 타입마다 용량과 범위가 다르므로 주의해서 사용할 것 byte b = 10; short c = 10000; int d = 13998; long e = 10000000; 실수형 데이터 타입은 float, double 2가지가 있는데 잘 쓰이는 타입은 double이다. ※ float은 뒤에 f를 붙여줘야한다 double은 생략이 가능하다. float f = 12.2345f; double g = 12.2345; + 연산을 할때 정수 나누기 정수는 결과도 정수로 나오고 실수로 나누면 결과는 실수가 된다 // 정수(a + b)한 값을 실수로 바.. 2023. 12. 20.
[React] Component 전환 애니메이션 만드는 밥법 (transition) 애니메이션 만드는 방법 애니메이션 동작 전 스타일을 담을 className 만들기 애니메이션 동작 후 스타일을 담을 className 만들기 transition 속성도 추가 원할 때 2번 탈부착 1. 애니메이션 동작 전 2. 애니메이션 동작 후 className 만들기 # 동작 전 .start { opacity : 0 } # 동작 후 .end { opacity : 1; } 3. transition 추가 # 동작 전 .start { opacity : 0 } # 동작 후 .end { opacity : 1; transition : opacity 0.5s } transition은 "해당 속성이 변할 때 서서히 변경해주세요~" 라는 뜻입니다. 그럼 이제 원하는 요소에 start 넣어두고 end 를 탈부착할 때 마.. 2023. 12. 20.
[React] 서버에 POST요청 하는 법, 동시에 요청 여러 개 하는 법 POST요청 하는 법 axios.post('URL', {name : 'kim'}) 실행 시 서버로 {name : "kim"} 데이터가 전송된다. get과 마찬가지로 완료시 특정 코드를 실행하고 싶다면 이것도 역시 .then()을 뒤에 붙히면 된다. 동시에 AJAX 요청 여러 개 하는 법 Promise.all( [axios.get('URL1'), axios.get('URL2')] ) 이러면 URL1, URL2로 get 요청을 동시에 해준다. 둘 다 완료시 특정 코드를 실행하고 싶다면 .then()을 뒤에 붙히면 된다. fetch() fetch('URL').then(결과 => 결과.json()).then((결과) => { console.log(결과) } ) 자바스크립트 문법인 fetch()를 이용해도 GET.. 2023. 12. 20.
[React] React에서 서버와 통신하는 방법 ajax axios AJAX( Asynchronous JavaScript and XML ) 란? -> 비동기적으로 데이터를 서버로부터 가져오거나 서버로 데이터를 보낼 수 있는 기술이다. AJAX는 웹 페이지를 다시 로드(새로고침) 하지 않고도 동적으로 데이터를 업데이트할 수 있게 해준다. AJAX로 GET/POST요청하려면 방법 3개 중 택1 하면 된다. XMLHttpRequest라는 예전 문법 쓰기 fetch() 라는 최신 문법 쓰기 axios 같은 외부 라이브러리 쓰기 터미널 입력해서 설치한다. import axios from 'axios' function App(){ return ( { axios.get('URL 주소').then((결과)=>{ console.log(결과.data) }) .catch(()=>{ cons.. 2023. 12. 19.
[React] Component의 Lifecycle과 useEffect (2) useEffect에 넣을 수 있는 실행조건 useEffect(()=>{ 실행할코드 }, [count]) useEffect()의 둘째 파라미터로 [ ]를 넣을 수 있는데 이것을 dependency라고 한다. []에 변수나 state같은 것들을 넣을 수 있다. 그렇게 하면 [ ]에 있는 변수나 state가 변할 때만 useEffect 안의 코드를 실행해준다. 그래서 위의 코드는 count라는 변수가 변할 때만 useEffect 안의 코드가 실행된다. useEffect(()=>{ 실행할코드 }, []) -> 아무것도 안넣으면 mount시( 로드시) 1회 실행하고 더이상 실행해주지 않는다. clean up function useEffect 동작하기 전에 특정코드를 실행하고 싶으면 return ()=>{} 안에 .. 2023. 12. 19.
[React] Component의 Lifecycle과 useEffect (1) React의 Component는 Lifecycle이라는 개념이 있다. 컴포넌트는 생성이 될 수도 있고 (전문용어로 mount) 재렌더링이 될 수도 있고 (전문용어로 update) 삭제가 될 수도 있다. (전문용어로 unmount) 그러므로 컴포넌트의 lifecycle에 간섭해 상황에 맞게 코드를 실행 할 수 있고 이걸 lifecycle hook 이라고 부른다. 예시 let [ex, setEx] = useState(0); useEffect(() => { console.log(1); }) setEx(ex+1)}>버튼 -> useEffect의 콜뱀함수안에 코드를 적으면 이 코드는 컴포넌트가 mount & update시 실행된다. useEffect 밖에 적어도 똑같은데, 그래도 쓰는 이유는? useEffect .. 2023. 12. 19.
[JavaScript] 문자열을 숫자로 변환하는 여러가지 방법 1. Number()로 문자열을 숫자로 변환 Number()는 인자로 전달된 문자열을 Number로 변환합니다. 숫자가 아닌 문자나 undefined 등을 인자로 전달하면 NaN(Not A Number)를 리턴합니다. NaN의 의미는 숫자가 아니라는 것이지만 NaN 객체의 타입을 보면 number인데요. 여기서 NaN은 숫자로 표현이 안되지만 객체의 타입은 Number라고 보시면 될 것 같습니다. const str = '1234'; const num1 = Number(str); const num2 = Number('1234.5'); const num3 = Number(undefined); const num4 = Number('abcd'); console.log(num1 + ', ' + typeof num.. 2023. 12. 19.

티스토리툴바