개발바닥

useEffect 리액트의 useEffect는 리액트 훅(React Hook)의 일종으로, 리액트의 Side Effect를 처리합니다. 여기서 Side Effect란 데이터 로드, 구독 설정 등의 작업 뿐만 아니라, 컴포넌트의 라이프 사이클 제어까지 포함합니다. Life Cycle은 일반적으로 Mount, Rerend, Unmount 의 단계를 가지며, 쉽게 비유하자면 웹페이지 상에서 생성, 변경, 삭제 로 이해하면 됩니다. 이 과정에 대한 제어를 useEffect를 사용해서 수행할 수 있습니다. import { useEffect } from 'react'; function App() { useEffect(()=>{ console.log("콜백함수 부분") ... },[ ]) //의존성 배열 부분 ret..

Python 대소문자 변경 파이썬에서 알파벳의 대문자/소문자를 변경하는 메소드는 일반적으로 upper()(대문자로 변경) lower()(소문자로 변경) 이 있습니다. s = 'abcd' print(s.upper()) #ABCD print(s.lower()) #abcd 그런데 위와 같이 전체를 변경하는 경우 외에 문자열의 앞글자만 대문자로 하거나, 각 단어마다 대문자로 시작하게 하려면 어떻게 해야할까요? 프로그래머스 - JadenCase 문자열 만들기 문제를 보면서 한번 알아보겠습니다. 프로그래머스 - JadenCase 문자열 만들기 풀이 JadenCase문자열이란 문자열에서 각 단어의 첫글자만 대문자이고, 나머지 글자는 소문자인 문자열을 말합니다. 문제에선 숫자. 공백의 경우도 주어지는데, 이 문제는 파..

알고리즘 문제를 해결할 때 복잡도를 고려해야 한다는 말을 종종 듣는다. 복잡도라는 개념은 알고리즘의 성능을 나타내는 척도 인데, 일반적으로 시간복잡도를 많이 가르키지만 정확하게는 시간 복잡도와 공간 복잡도가 있다. 시간 복잡도 : 요구되는 연산의 횟수 공간 복잡도 : 요구되는 메모리의 양 효율적인 알고리을 사용할 때, 시간 복잡도와 공간 복잡도는 반비례 관계를 이룬다. 메모리를 더 사용해서 연산의 횟수를 줄이거나 생략할 수 있고, 반대로 메모리를 덜 사용하면서 구현 시간을 줄일 수도 있다. 시간복잡도를 표현할 때는 BigO 표기법을 사용합니다. 다른 많은 표현 방법이 있지만, 시간복잡도 = Big O 라는 인식이 널리 퍼져있는 것 같다. BioO 표기법은 '가장 빠르게 증가하는 항' 을 고려하는 표기법이..

1. nodeJs 다운로드 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. NPM 설치 - 노드 패키지 매니저. 노드JS를 설치했다면 정상적으로 설치되었을 것이다. - NPM의 단점을 개선한 yarn을 설치해도 되지만, 사용상 문제는 없음. (https://classic.yarnpkg.com/en/docs/install#windows-stable) 3. Create React App - 리액트 프로젝트를 시작할 때 필요한 개발환경을 설정해준다. - 리액트 프로젝트에 필요한 패키지 요소들을 담은 리액트 앱을 만들어주는 기능. - cmd에서 프로젝트..

파이썬 쓸때는 몰랐다... 백준이 얼마나 소중한지... 물론 프로그래머스가 있고, UI나 환경 같은게 더 좋긴 하지만 길게 봤을 때 코딩테스트나 알고리즘을 공부하면서 백준을 빼놓을 순 없겠더라 백준은 node js 언어로 선택 후 입력을 따로 처리해야하기에 굉장히 까다로운데 문제 풀때마다 좀 편하게 찾고자 미리 정리해둬야겠다. 입력 방법이 크게 두 가지가 있는 걸로 알고있는데, 그냥 깔끔하게 쓸수 있는게 최고인것 같.. 크흠 1. 하나의 값을 입력받을 때 const fs = require('fs'); const input = fs.readFileSync("/dev/stdin").toString().trim(); 2. 공백으로 구분된 한 줄의 값들을 입력받을 때 const fs = require('fs')..