Developer_hong

핸드폰 요금이 너무 비싼 요즘 알뜰 통신사에 대해서 처음 알게됐다 가뜩이나 데이터 사용량이 많지 않은데 네이버 검색으로 저렴한 가격을 찾다가 인스모바일이라는 곳에 [인스 유심 스트롱 15GB+] 월 15GB + 모두 사용시 3mbps 속도로 무제한 이용이 가능한 요금제를 보게됐다 특별할인으로 7개월간 월 9,250원이고 이후에는 원래 가격인 34,000원에 사용이 가능하다 이 요금제에 대한 링크 https://insmobile.co.kr/shop/item.php?paycode=2103300002 인스모바일 LG U+[평생할인]인스 유심 음성 120분+1.5GB 120분 100건 1.5GB insmobile.co.kr Usim은 택배로 배송받는 방법과 직접 구매하여 개통하는 방법이 있다 나는 당장이라도 빠..

1. mysql 삭제 sudo apt-get remove --purge mysql* 2. mysql 관련된 파일들 확인 dpkg -l | grep mysql 3. [2]에서 확인된 mysql 관련된 파일 삭제 sudo apt-get remove --purge 파일명 4. 폴더 및 관련된 항목 삭제 sudo rm -rf /etc/mysql /var/lib/mysql sudo rm -rf /var/log/mysql sudo rm -rf /var/log/mysql.* sudo apt-get autoremove sudo apt-get autoclean 5. 설치 가능한 목록 검색 apt-cache search mysql-server apt-cache search mysql* 6. 패키지 정보 apt-cache ..

Next.js FrameWork Tailwind CSS Install https://tailwindcss.com/docs/guides/nextjs Install Tailwind CSS with Next.js - Tailwind CSS Setting up Tailwind CSS in a Next.js v10+ project. tailwindcss.com npm을 사용하여 Tailwind CSS 설치 npm install -D tailwindcss postcss autoprefixer next.js에서 tailwindcss 사용을 위해 필요한 postcss, autoprefixer 패키지를 같이 설치한다 * 만약 postcss, autoprefixer를 삭제하고 싶다면 아래 명령어를 사용하면 된다 $ npm..

React 프로젝트를 만들 때 FrameWork를 이용하지 않으면 설정할 사항들과 import 해야할 일들이 많음 예를 들어서 페이지 이동 Router 설정, CSR, SSR 등등 대부분 프레임워크를 사용하여 React를 사용한다 - ( Gatsby.JS, Next.js ) next js + typescript 프로잭트 생성 npx create-next-app@latest --typescript --eslint {PROJECT_NAME} Github repository 생성 VScode에서 프로잭트 디렉토리에서 터미널 실행하여 Github에서 안내되는 명령어 입력 $ git init -> /Users/{PROJECT_NAME}/.git/ 안의 기존 깃 저장소를 다시 초기화했습니다 $ git commit ..

React에서는 useEffect를 사용하면 hook을 사용할 수 있다 -> 이전 리액트의 클래스형 컴포넌트에서 생명주기 메소드를 사용할 수 있었는데, 함수 컴포넌트에서도 useEffect를 사용하면 비슷하게 사용이 가능하다 -> 라이프 사이클 훅 componentDidMount, componentDidUpdate, componentWillUnmount와 비슷하게 대체 가능하다 useEffect의 기본 문법은 useEffect(effect, [, deps]); 첫번째 인자로는 함수, 두번째 인자로는 배열을 넣어줄 수 있다 첫번째 인자로 전달된 함수는 컴포넌트가 랜더링된 이후에 실행이 되며 두번째 인자로 전달된 배열에 포함된 state 값이 있는 경우에만 첫번째 인자로 전달된 함수를 실행되도록 할 수 있다..

map 반복문을 돌면서 배열 안의 요소를 1대1로 매핑한다고 이해하면 됩니다 어떻게 매핑할것인지를 함수 내부에 정의하면 된다 참고사항으로 map은 배열을 매핑해줄 뿐 기존 객체를 수정하지 않는다 배열.map( (요소, 인덱스, 배열) => { return 요소 }) ; // 기본 사용 방법 const numbs = [1, 2, 3]; let result = numbs.map( (n) => { console.log(n); return n; }); -> 결과 : 1, 2, 3 (result 에는 [ 1, 2, 3 ] 저장됨) // 각 요소의 짝수, 홀수 여부 const numbs = [1, 2, 3]; result = numbs.map(n) => { if ( n % 2) { return "홀수"; } ret..

useState, useReducer 모두 state를 만들고 랜더링한다 useState를 통해서는 단순한 관리, useReducer을 통해서는 체계적인 관리를 할 수 있다 useState로 가능한 부분을 useReducer 사용할 경우 더 복잡해질 수 있기 때문에 적절한 사용이 필요하다 useState 사용을 위해서는 import React, { useState } from "react"; Generics를 통해 해당 상태가 타입형을 가질지 설정 const [state, setState] = useState(1); useReducer 사용을 위해서는 import React, { useReducer } from "react"; const [state, dispatch] = useReducer(reduce..

자바 스크립트에서 배열안의 특정한 조건에 맞는 값을 찾으려면 대부분 for문을 사용하는데 반복문을 통해 순회하여 해결할 수 있지만 권장하지 않는다 ex) for문을 사용하여 배열에서 5보다 큰 수 찾기 const condition = []; const numbs = [1,2,3,4,5,6,7,8]; for ( x = 0; x 5 ) { condition.push( target ); } } console.log(condition); // [ 6, 7, 8 ] 출력 ex) filter를 사용한 5보다 큰 수 찾기 const numbs = [1,2,3,4,5,6,7,8]; const condition..