전체 글

Java 의 역사와 특징

Java 의 등장 배경 91년, 썬 마이크로시스템즈의 엔지니어들에 의해 제안 되었다. 초기 이름은 Oak(오크) 로, 목적은 가전제품 및 소형기기 에 사용될 언어 였다. 그러나 다양한 종류의 운영체제가 등장하면서, 운영체제에 구애받지 않으며 인터넷에 적합한 언어로 목적을 변경 하였고, 96년 1월에 Java 라는 이름으로 출시 되었다. 자바 애플릿과 서버 프로그래밍 초기에 자바는 자바 애플릿(Java Applet) 으로 정적인 웹페이지에 멀티미디어 요소(사운드, 애니메이션 등) 를 추가할 수 있는 유일한 언어였기 때문에, 많은 인기를 누렸다. 하지만 보안 문제로 현대의 웹 브라우저들은 자바 애플릿을 더 이상 지원하지 않고 있다. 반면, 서버 측 프로그래밍에서는 서블릿(Servlet) 과 JSP(Java ..

[Firebase] Firestore 에서 데이터 다루기

Firestore 의 데이터는 Collection(컬렉션) 과 Document(문서) 로 되어있다. Collection > Document 로 되어있는데, 각 문서는 {key: value} 형식으로 들어가있으며 Collection 이 들어가도 된다. Document 불러오기 하나의 Document 불러오기 const docRef = doc(firestore, 'myCollection', 'doc1'); const docSnap = await getDoc(docRef); if (docSnap.exists()) { console.log('Document data:', docSnap.data()); } 모든 Document 불러오기 // 'myCollection' collection 의 모든 document ..

Python 에서 환경변수 설치부터 사용까지 (python-dotenv)

Node.js 에서는 dotenv 로 (Token 등) 프로젝트에서 필요하지만 github 에 올릴 수 없는 정보들, 또는 굳이 노출시킬 필요가 없는 정보들을 관리했다. Python 에서도 dotenv 를 사용하는데, 이름 python-dotenv 로 약간 다르다. 설치 pip install python-dotenv # python 3.x # pip3 install python-dotenv 환경변수 파일 작성 프로젝트의 최상단에 .env 파일을 만들어준다. 그리고 내용을 작성해주면 된다. 따옴표는 안붙여도 된다. ID=myId@naver.com PASSWORD=myPassword12345 소스코드에서 가져다 사용하기 import os from dotenv import load_dotenv load_dot..

M1 맥에서 셀레니움 설치부터 실행까지 한판 정리

엿같은 티스토리... 오류 쥰내나죠 씁 1. Python 설치 맥은 기본적으로 2.? 버전의 python 이 설치되어있으나, 이것저것 하려면 3.x 버전의 설치가 필요하다. https://www.python.org/downloads/macos/ 여기에서 원하는 버전을 선택 후, 다운받으면 된다. 1.1. python 입력 시 python3 가리키도록 함 ternimal 에서 python 을 입력하면 2.x 버전이 골라진다. python 입력 시 python3 을 가리키도록 변경하려면 .zshrc 파일에 alias 를 추가해주면 된다. which python3 # /usr/bin/python3 echo "alias python=경로" >> ~/.zshrc # which python3 로 나온 경로 사용 2..

Python 셀레니움 Selenium 에러 해결

ValueError: Timeout value connect was , but it must be an int, float or None. 원인 Selenium 버전 IntelliJ 의 Preference 에서 selenium 을 설치했었는데, 맞지 않는 버전이었나보다. 해결 4.9 로 설치하니 해결되었다. # python 3.x pip3 install selenium==4.9 # python 2.x pip install selenium==4.9 참고 링크 https://github.com/appium/python-client/issues/863

CSR, SSR, Rendering

CSR, SSR 의 의미 Client Side Rendering = Client 쪽에서 Rendering 을 한다. Server Side Rendering = Server 쪽에서 Rendering 을 한다. 그렇다면 Rendering 은 무엇을 의미할까? Rendering 의 의미 Rendering engine 이 하는 것을 말한다. 그런데 Rendering engine 은 브라우저에 있다. 그렇다면 SSR 에서의 Rendering 은 무엇일까? Rendering 이 대체 뭘까? (다시 원점으로...) Rendering 의 사전적 의미 번역하다, 가공하다, 연기하다, 기대에 따라 대가를 주다, ~가 되도록 만들다 ~가 되도록 만들다 라는 말은 앞의 의미들을 포함하는 느낌이 있다. 그러니까 Renderin..

ReduxToolkit 을 사용할 때 적절한 파일 구조

추천하는 파일 구조 코드의 쉬운 관리를 위해, 기능 (feature, component) 과 redux code 를 한 파일에 같이 배치 적용했을 때 . ├── App.css ├── App.tsx ├── app │ └── store.ts ├── components ├── features │ └── todo │ ├── Todo.tsx │ └── todoSlice.ts ├── index.css ├── index.tsx └── react-app-env.d.ts 참고자료 https://www.reddit.com/r/reactjs/comments/tnna7t/recommended_folder_structure_for_reduxtoolkit/ https://redux.js.org/style-guide/#struct..

2. IntelliJ 에서 ESLint, Prettier 적용하기

전처리 ESLint, Prettier 다운받는것은 이전 글에 있다. https://leexx.tistory.com/102 ESLint 설정 시 Prettier 도 자동으로 설정되게 하는 부분도 같은 글 하단에 있다. https://leexx.tistory.com/102#ESLint%--%EC%--%--%--Prettier%--%EB%-D%--%--%EC%-E%--%EC%--%B-%EA%B-%B- 1. ESLint, Prettier / 설치 및 사용 / 차이점 / 더 잘쓰기 (충돌방지, 쉽게 쓰기) ESLint Lint, Linter ESLint 를 알아보기 전에 Linter 에 대해 알아보자. Lint 는 보풀 이라는 뜻이다. 즉 Linter 의 의미는 보풀 (뭔가 지저분한, 뭔가 잘못된) 을 찾아주는 ..