티스토리

🐶🦶 BLOG

검색하기

블로그 홈

🐶🦶 BLOG

nakyungim.tistory.com/m

Always Awake👩‍💻

구독자: 14

방명록 방문하기

주요 글 목록

[TIL] Docker Compose 사용하기 docker-compose.yml 파일 명 변경해서 사용하기 docker-compose -f docker-compose.elastic.yml up -d 여러 개의 docker-compose 파일 사용하기 | multiple docker-compose files 여러 개의 docker-compose 파일 사용하기 | multiple docker-compose files db와 엘라스틱서치 컨테이너를 같은 docker-compose 파일에서 띄우면 둘 중 하나만 다운시키고 싶을 때 *문제가 될 수 있다. docker-compose up 으로 컨테이너를 따로 띄울 수는 있지만 docker-compose down은 특 another-light.tistory.com docker-compose 실행 전 fronte.. 공감수 0 댓글수 0 2022. 8. 5.
[TIL] “Utility Container”로 작업하기 & 컨테이너에서 명령 실행하기 본 포스팅은 Udemy 'Docker&Kubernetes:실전가이드-2022년판' 강의를 참고하여 작성했습니다. Utility Container란? Application Container(Environment, My App) → docker run myapp→ Utility Container(Environment) → docker run mynpm init → 지금까지 Application을 도커로 실행시켰다면, Utility Container는 특정 환경만 포함하는 컨테이너이다. Utility Container 사용 이유 로컬 시스템에 노드를 설치하지 않고 애플리케이션을 만들기 위해서 노드 애플리케이션을 만들려면 package.json 종속성 파일이 있어야 한다. 방법1 : 직접 작성 방법2 : npm.. 공감수 1 댓글수 0 2022. 7. 29.
[TIL] Docker 다중 컨테이너 애플리케이션 구축 1 본 포스팅은 Udemy 'Docker&Kubernetes:실전가이드-2022년판' 강의를 참고하여 작성했습니다. Target App & Setting Database MongoDB ↔ Backend Node.js REST API ↔ Frontend React SPA Backend API 서버 실행 cd backend : 백엔드 폴더로 이동 npm install : package.json 종속성 설치 node app.js : 노드 서버 실행 port 80에서 실행 중 Frontend cd frontend : 프론트엔드 폴더로 이동 npm install : package.json 종속성 설치 npm start : React 개발 서버 실행 port 에서 실행 중 💡 중요한 것 MongoDB 컨테이너를 제거했.. 공감수 1 댓글수 0 2022. 7. 20.
[MySQL] 데이터베이스 컬럼 생성, 수정, 삭제, 순서 변경 컬럼 생성 ALTER TABLE 테이블명 ADD 컬럼명 타입 옵션; ex) ALTER TABLE 테이블명 ADD 컬럼명 varchar(100) NOT NULL DEFAULT '0'; 컬럼명 수정 ALTER TABLE 테이블명 CHANGE 기존컬럼명 새컬럼명 기존자료형 컬럼 삭제 ALTER TABLE 테이블명 DROP 컬럼명; ** ERROR 1064 (42000) : SQL Syntax 에러가 난다면 테이블명, 컬럼명 등에 예약어가 있는 경우가 있다. 테이블명, 컬럼명 입력 시 ``로 감싸주면 해결된다. 컬럼 순서 변경 ALTER TABLE 테이블명 MODIFY COLUMN 컬럼명 타입 옵션 AFTER 컬럼명; alter table reservations modify column user_no int(1.. 공감수 1 댓글수 0 2022. 2. 11.
[Github] merge 후 push가 안될 때, git pull --rebase 상황 깃 레포를 혼자 사용하고 있습니다. 브랜치는 main과 develop 2개입니다. develop에서 작업한 뒤 main에서 PR하는 방식으로 작업 중입니다. 평소와 같이 develop 브랜치에 push했는데, 그러면 자동으로 main에 PR이 뜬단 말이죠. 근데 안뜨는거에요!!! 그래서 main 브랜치로 이동한 뒤, develop 브랜치를 merge하고 push 했는데.. 글쎄 그 전에 pull을 안한거에요!! merge 전에 꼭 pull 하자 그래서 pull을 했더니.. 아래같은 상황이.. nakyung@imnagyeong-ui-MacBookPro Solution-Challenge-2022-Pocket-Doctor-Server % git pull origin main https://github... 공감수 2 댓글수 0 2022. 2. 6.
[MySQL] MySQL 설치 for Mac mac에서 homebrew를 이용하여 MySQL을 설치하려고 합니다. homebrew 설치 저는 homebrew가 설치되어 있지만, 설치가 안되어있는 분들은 아래 링크를 참고해주시면 됩니다. https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh homebrew 업그레이드 homebrew를 업그레이드하는 방법은 다음과 같습니다. 두 가지가 있어서 차례로 작성하겠습니다. 1. brew update 한 뒤 brew upgrade 2. brew upgrade 만 하기 (brew upgrade는 brew update를 포함하고 있습니다.) MySQL 설치 brew install mysql 버전 확인 my.. 공감수 1 댓글수 0 2022. 1. 18.
[Docker] docker에서 postgreSQL 접속 후 설정, docker ip 확인 방법 https://devinlife.com/postgresql/run-postgresql-on-docker/ Docker로 postgreSQL Database 설치하기 도커 컨테이너로 postgreSQL DB 손쉽게 실행하기 devinlife.com docker exec -it postgresql bash psql -U postgre docker ip 확인 방법 https://bluese05.tistory.com/36 Docker container IP 확인 Docker Container IP 확인 Docker의 Network 환경은 Linux namespace 라는 기술을 이용해 구현되었으며, Container들은 각각의 독립된 환경을 제공 받게 된다. Container들은 기본적으로 한개의 etherne.. 공감수 0 댓글수 0 2022. 1. 6.
[Postgresql] macOS에서 초기 설치 방법 참고사이트 https://semtax.tistory.com/12 맥 OS 에서 PostgreSQL 설치하기 1. Postgres SQL 설치 아래 명령어를 이용해서 PostgreSQL을 설치한다. brew install postgresql 설치가 완료 되었으면 아래 명령어를 이용해 postgresql 서비스를 시작한다. pg_ctl -D /usr/local/var/postgres s.. semtax.tistory.com https://shanepark.tistory.com/186 MacOS PostgreSQL 설치 하고 테이블 생성, 조회하기 MacOS PostgreSQL 설치 하고 테이블 생성, 조회하기 PostgreSQL PostgreSQL은 확장 가능성 및 표준 준수를 강조하는 객체-관계형 데이.. 공감수 0 댓글수 0 2022. 1. 4.
[Kotlin] 접근 제한자/생성자/상속/다형성/추상화 이 글은 udemy 강의와 Do it! 깡샘의 안드로이드 앱 프로그래밍 with 코틀린을 참고하여 작성하였습니다. - 개발환경은 Windows, Android Studio입니다. 1. Public, Private, Protected and Internal Examples (접근 제한자) 위와 같은 것들을 접근 제한자라고 한다. 접근 제한자(visibility modifier)란 클래스의 멤버를 외부의 어느 범위까지 이용하게 할 것인지를 결정하는 키워드이다. 코틀린에서는 변수나 함수를 클래스로 묶지 않고 소스파일의 최상위에 선언할 수 있고, 이 또한 접근 제한자로 범위를 제한할 수 있다. 접근제한자 최상위에서 이용 클래스 멤버에서 이용 public 모든 파일에서 가능 모든 클래스에서 가능 internal .. 공감수 1 댓글수 0 2021. 10. 4.
[Android] failed to install the following android sdk packages as some licences have not been accepted 에러 에러 내용 failed to install the following android sdk packages as some licences have not been accepted 원인 SDK 라이선스 문제 해결책 SDK 라이선스 install https://we-always-fight-with-code.tistory.com/99 안드로이드 스튜디오 SDK 오류 / 실제 기기에서 실행 안됨 에러 해결 Failed to install the following Android SDK packages as some licences have not been accepted. build-tools;30.0.1 Android SDK Build-Tools 30.0.1 To build this project, acc.. w.. 공감수 1 댓글수 0 2021. 10. 4.
[python] LookUpError 해결법 (nltk) 에러 내용 LookupError Traceback (most recent call last) in () 4 5 # word tokenization ----> 6 text['headline_text'] = text.apply(lambda row: nltk.word_tokenize(row['headline_text']), axis=1) 해결법 nltk 패키지 다운로드 오류 다음과 같이 작성하면 해결된다! import nltk nltk.download() 꿀팁 nltk.download("popular") nltk에서 인기있고 웬만큼 필요한 것들을 알아서 다운로드 해줌 공감수 2 댓글수 0 2021. 10. 2.
[Android] class 'kotlin.unit' was compiled with an incompatible version of kotlin 에러 class 'kotlin.unit' was compiled with an incompatible version of kotlin Class 'kotlin.Unit' was compiled with an incompatible version of Kotlin. The binary version of its metadata is 1.5.1, expected version is 1.1.16. The class is loaded from C:/Users/nakyu/.gradle/caches/transforms-2/files-2.1/63a320af4c81946985e11fa3311f3ea9/jetified-kotlin-stdlib-1.5.10.jar!/kotlin/Unit.class 컴파일 권장 버전이 1.1.1.. 공감수 2 댓글수 0 2021. 9. 27.
[Jupyter Notebook] Jupyter Notebook 환경 설정 Jupyter notebook 시작 폴더 변경 방법 1) 환경설정을 변경하기 전 원하는 경로의 폴더를 생성한다. 2) 프롬프트를 열고서 명령어를 입력한다. 명령어 : jupyter notebook --generate-config 3) 명령어가 실행된 경로를 따라간다. 4) 생성된 파일을 우클릭해서 연결 프로그램의 메모장을 선택한다. 5) #c.NotebookApp.notebook_dir= '' 문장을 찾아서 수정한다. 6) 수정 방법 : 주석을 지우고 작은따옴표 안에 원하는 폴더 경로를 입력한다. 출처 및 참고 링크 : [ https://ooyoung.tistory.com/7 ] 공감수 2 댓글수 0 2021. 8. 11.
[python] no module named 'pip' 에러 no module named 'pip' 에러 해결 방법 -> pip 재설치 ! curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py python get-pip.py 원인 바로 직전에 했던 pip 업그레이드에서 난 오류 pip install --upgrade pip pip upgrade 윈도우 환경 pip upgrade 방법 python -m pip install --upgrade pip 공감수 0 댓글수 0 2021. 7. 26.
[Github] git merge # 마스터 브랜치로 이동 git checkout main # 브랜치->마스터 머지 git merge ImNakyung # 마스터 브랜치에 push git push [브랜치 병합, 충돌 관리 참고자료] goddaehee.tistory.com/275 [Git (10)] Git Branch(2) - 브랜치 병합하기(git branch merge) [Git (10)] Git Branch(2) - 브랜치 병합하기(git branch merge) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ git branch 병합 및 Conflict 해결하기 ] 입니다. : ) Git Merge ※ 브랜치의 사용, 머지.. goddaehee.tistory.com 공감수 0 댓글수 0 2021. 1. 11.
[Redux] 리덕스 미들웨어란? 리덕스 미들웨어의 동작 흐름 리덕스 미들웨어를 왜 써야하나? 기존의 리덕스 액션 발생 -> 디스패치를 통해 스토어에게 상태변화 필요성 알림 ⬇ 이 사이에 처리하고 싶은 작업이 있다면? ex) 어떤 액션이 발생했는지 로그 남기기, 액션 취소, 또 다른 액션 발생 등 리덕스 : 동기적인 흐름을 통해 동작 동기적 흐름이란? 액션 객체 생성, 디스패치가 액션 발생을 스토어에게 알림, 리듀서는 정해진 로직에 의해 액션을 처리한 후 새로운 상태값 반환하는 과정 하지만, 동기적 흐름만으로 처리하기 힘든 작업이 있다 ex) 시간 딜레이시켜 동작하게 하기, 외부 데이터 요청하여 그에 따른 응답을 화면에 보여주기 등 이런 작업들은 어떻게 해야하나? 리덕스 미들웨어 사용! 대표적인 리덕스 미들웨어는 무엇? 직접 만들어서 원.. 공감수 0 댓글수 0 2021. 1. 5.
[Github] 이전/특정 버전으로 되돌리기, 강제 push 이전/특정 버전으로 되돌리기 - reset 이용 insight-bgh.tistory.com/114 [Github] 버전 되돌리기 프로그램을 다른 개발하다보면 예전 버전으로 되돌아가야할 때가 있습니다. 이때 예전에 commit한 버전으로 되돌아갈 수 있는 기능이 github에서 제공됩니다. 1. git log 확인 git log 다음 명령어를 git insight-bgh.tistory.com 원격저장소에 강제 push $ git push -f origin master jaddong.tistory.com/entry/원격저장소에-올라간-커밋-되돌리기 원격저장소에 올라간 커밋 되돌리기 최근 업데이트 2020-06-02 원격저장소에서 커밋 히스토리 제어( reset/revert ) 1. Reset 후 강제 pus.. 공감수 1 댓글수 0 2021. 1. 5.
[Redux] 리덕스 소개, 리덕스 기초, 왜 써야하는가? 리덕스란? 자바스크립트 어플리케이션에서 상태를 효율적으로 관리할 수 있게 도와주는 도구 리액트 상태 관리란? 리액트의 데이터 흐름은 단방향 자식은 부모의 상태를 props로 전달받음 부모의 상태값이 변하면, 자식은 변화된 상태에 맞게 data 혹은 UI를 변경 == 리렌더링 -> 부모도 리렌더링, 자식도 리렌더링 즉, 우리는 상태 관리에 있어서 상태 구성요소를 최소화하기 위해 노력해야 함. TIP!- 리랜더링 상황 1. 자신의 state값 변경 2. 부모 컴포넌트의 리렌더링 3. 자신이 전달받은 props값 변경 4. 강제 업데이트(forceUpdate) 실행될 때 리덕스 왜 써야하나? 리액트로 만든 SPA는 data 혹은 UI의 변화가 복잡, 다양해지는 경우가 많음 -> 어떻게 효율적으로 관리? 리덕스.. 공감수 1 댓글수 4 2021. 1. 4.
[React] 공식 문서 / Hook / 5. Hook 규칙 Hook은 다음 2가지 규칙을 따른다. 1. 최상위(at the top level)에서만 Hook 호출 반복문, 조건문, 중첩된 함수 내에서 실행X 조건부로 effect를 실행하길 원한다면 아래와 같이 조건문을 hook 내부에 넣을 수 있다. useEffect(function persistForm() { // 👍 더 이상 첫 번째 규칙을 어기지 않습니다 if (name !== '') { localStorage.setItem('formData', name); } }); 제공된 lint 규칙을 활용하면 이 문제는 해결됨! -> eslint-plugin-react-hooks 2. React 함수 컴포넌트 내에서만 Hook 호출 일반 JS에서 Hook 호출 X 직접 작성한 custom Hook 내에서는 훅 호출.. 공감수 0 댓글수 0 2020. 12. 31.
[React] 공식 문서 / Hook / 4. Effect Hook 사용하기 side effect ( = effect) 기능 데이터 가져오기 구독 설정하기 수동으로 리액트 컴포넌트의 DOM 수정하기 종류 정리(clean-up)가 필요한 것 그렇지 않은 것 정리(Clean-up)를 이용하지 않는 Effects 리액트가 DOM을 업데이트한 뒤 추가로 코드를 실행해야 하는 경우 네트워크 리퀘스트 DOM 수동 조작 로깅 -> 실행 이후 신경 쓸 것이 없기 때문에! useEffect useEffect가 하는 일? -> useEffect Hook을 이용하여 우리는 리액트에게 컴포넌트가 렌더링 이후에 어떤 일을 수행해야하는 지를 말함 리액트는 우리가 넘긴 함수(effect)를 기억했다가 DOM 업데이트를 수행한 이후에 불러낼 것 문서 타이틀 지정, 데이터 가져오기, 명령형 API 불러내기 등.. 공감수 0 댓글수 0 2020. 12. 31.
[React] 공식 문서 / Hook / 3. State Hook 사용하기 Hook과 함수 컴포넌트 함수 컴포넌트 - 둘 다 가능 const Example = (props) => { // 여기서 Hook을 사용할 수 있습니다! return ; } function Example(props) { // 여기서 Hook을 사용할 수 있습니다! return ; } state가 없는 컴포넌트 hook은 state를 함수 안에서 사용가능하게 해줌 hook은 클래스 안에서 동작 X 하지만 클래스를 작성하지 않고 사용 가능 Hook이란? 특별한 함수. 예를 들어 useState는 state를 함수 컴포넌트 안에서 사용할 수 있게 해줌 언제 Hook 사용? 함수 컴포넌트 안에 state를 추가하고 싶을 때 state 변수 선언 함수 컴포넌트는 this를 가질 수 없기 때문에 this.state를.. 공감수 0 댓글수 0 2020. 12. 31.
[React] 공식 문서 / Hook / 2. 훅 개요 📌 State Hook 다음은 버튼을 클릭하면 값이 1씩 증가하는 간단한 카운터 예시 코드이다. import React, {useState} from 'react'; function MyComponent() { // "count"라는 새 상태 변수 선언 const[count, setCount] = useState(0); return ( You click {count} times setCount(count + 1)}> Click me ); } export default MyComponent; 여기서 사용한 useState가 훅(Hook)이다. hook을 호출해 함수 컴포넌트 안에 state 추가 이 state는 컴포넌트가 다시 렌더링 되어도 그대로 유지 useState 특징 현재의 state값과 이 값을 .. 공감수 0 댓글수 0 2020. 12. 30.
[React] 공식 문서 5. State와 생명주기 이전 내용 복습 [WEB] - [React] 공식 문서 3. 엘리먼트 렌더링 [React] 공식 문서 3. 엘리먼트 렌더링 3. 엘리먼트 렌더링 엘리먼트 React 앱의 가장 작은 단위 일반 객체 React DOM은 React 엘리먼트와 일치하도록 DOM을 업데이트 불변 객체, 엘리먼트 생성 이후 해당 엘리먼트의 자식이나 속성 변경 불가 nakyungim.tistory.com UI를 업데이트 하는 한 가지 방법 새로운 엘리먼트를 생성 후 이를 ReactDOM.render()로 전달 렌더링 된 출력값을 변경하기 위해 ReactDOM.render() 호출 5. State와 생명주기 목표 : 1. Clock 컴포넌트를 완전히 재사용하고 캡슐화 하기 2. 컴포넌트가 스스로 타이머 설정 and 매초 스스로 업데이.. 공감수 0 댓글수 0 2020. 12. 30.
[React] 공식 문서 3. 엘리먼트 렌더링 3. 엘리먼트 렌더링 엘리먼트 React 앱의 가장 작은 단위 일반 객체 React DOM은 React 엘리먼트와 일치하도록 DOM을 업데이트 불변 객체, 엘리먼트 생성 이후 해당 엘리먼트의 자식이나 속성 변경 불가 특정 시점의 UI를 보여줌 DOM에 엘리먼트 렌더링하기 루트 DOM 노드 index.html 파일 안의 이 안에 들어가는 모든 엘리먼트를 React DOM에서 관리 리액트 앱은 일반적으로 하나의 루트 돔 노드가 있음 리액트를 기존 앱에 통합하려는 경우 여러개의 루트 돔 노드가 있을 수 있음 index.js 파일 안의 const element = Hello, World; ReactDOM.render(element, document.getElementById('root')); React 앨리먼트.. 공감수 1 댓글수 7 2020. 12. 30.
[Github] 깃허브에 폴더 올리기, 폴더명 수정하기 폴더 올리기 아래 블로그를 참고하면 됨👍 감사합니다~ ninearies.tistory.com/60 [Git/Github] Github에서 파일 삭제 / 폴더 올리기 [Github에서 파일 삭제하기] 1. 원격 저장소와 로컬 저장소에 있는 파일을 삭제 (삭제하고자 하는 파일명 : Practice.java) git rm Practice.java git commit -m "remove Practice.java" git push 2. 원격 저장.. ninearies.tistory.com 폴더명 수정하기 git mv oldName newName (이미 push한) 로컬 폴더의 이름을 변경했을 때, 깃허브에도 업데이트 하고 싶은 경우 꼭 push할 폴더의 상위 폴더로 디렉토리 변경한 후 할 것 공감수 0 댓글수 0 2020. 12. 29.
[React] 리액트 기초 및 중요 내용 정리 이 글은 누구든지 하는 리액트 [www.youtube.com/playlist?list=PL9FpF_z-xR_E4rxYMMZx5cOpwaiwCzWUH]을 참고하여 작성하였습니다. 프론트앤드 라이브러리 : React, Angular, Vue 등 MVC, MVVM, MVW 등을 사용하던 기존 웹 프레임워크/라이브러리 공통점 : Model (양방향 바인딩) 변화(Mutation) 그냥 mutation을 하지 말고, 데이터가 바뀌면 뷰를 날려버리고 새로 만들자! Virtual DOM : 가상의 돔에 렌더링을 하고 기존의 돔을 비교한 후, 정말 변화가 필요한 곳에만 업데이트 해줌 Webpack 코드들을 의존하는 순서대로 잘 합쳐서 하나 또는 여러개의 파일로 결과물을 만들어냄 -> 'bundling작업' 이라고 함 .. 공감수 0 댓글수 0 2020. 12. 29.
[React] State 소개 및 사용, Key 사용 이 글은 생활코딩 React 강의[opentutorials.org/module/4058]를 참고하여 작성하였습니다. [State란?] Component : 사용자가 컴포넌트를 사용하는 입장에서 중요 Props : 컴포넌트의 속성, 사용자에게 중요, 외부 State : props의 값에 따라 내부 구현에 필요한 데이터 => props와 state를 철저히 분리! [State 사용] Original import React, { Component } from 'react'; import './App.css'; import TOC from "./components/TOC"; import Content from "./components/Content"; import Subject from "./components.. 공감수 0 댓글수 0 2020. 12. 28.
[React] Props와 컴포넌트 파일로 분리하기 이 글은 생활코딩 React 강의[opentutorials.org/module/4058]를 참고하여 작성하였습니다. [Refactoring 하는 법 - props 사용] 리팩토링이란? 외부동작을 바꾸지 않으면서 내부 구조를 개선하는 방법 Original import React, { Component } from 'react'; import './App.css'; class Subject extends Component { render() { return ( WEB world wide web! ); } } class App extends Component { render() { return ( ); } } export default App; props 추가한 class Subject extends Comp.. 공감수 0 댓글수 0 2020. 12. 28.
[React] 컴포넌트 만들기 이 글은 생활코딩 React 강의[opentutorials.org/module/4058]를 참고하여 작성하였습니다. [Component 만들기] html -> js Original WEB world wide web! HTML CSS JavaScript HTML HTML is HyperText Markup Language. Component로 바꾼 import React, { Component } from 'react'; import './App.css'; class Subject extends Component { render() { return ( WEB world wide web! ); } } class TOC extends Component { render() { return ( HTML CSS J.. 공감수 1 댓글수 5 2020. 12. 27.
[React] 리액트 소개 및 개발환경 구축 이 글은 생활코딩 React 강의[opentutorials.org/module/4058]를 참고하여 작성하였습니다. [Component] Top.html Sidebar.html 과 같은 html 파일을 만들고, index.html에서 과 같이 태그처럼 사용할 때, 사용자 정의 태그라고 하지 않고 Component 라고 한다. 장점 1. 가독성 2. 재사용성 3. 유지보수 [React 공식문서] https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org [주의] cmd에서 드라이브 이동이 안될 때 윈도우라면 cmd에서 드라이브를 이동할 때 .. 공감수 0 댓글수 0 2020. 12. 26.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.