전체 글19 React : study(1) { React 프로젝트 생성 } 강의 실습 예제인 주사위 게임을 구현해보는 것이 목표이다 react 프로젝트 생성 npm init react-app . 설치가 완료되면 아래와 같은 패키지 구조가 완성된다 개발 모드 실행 해당 디렉토리에서 명령어 입력 npm run start 샘플 화면이 만들어지면서 생긴 더미 이미지, 텍스트 등을 삭제하였다 하단 이미지처럼 public 디렉토리 내부 index.html src 디렉토리 내부 index.js 를 제외하고 더미 데이터를 모두 삭제하였으며 두 파일 내부에도 필요없는 코드들은 다 삭제하였다 ※ 필요없는 코드 정리 [ Git 으로 확인 ] https://github.com/KOO-YS/cramming-react/commit/b31559a02dd8a00a355527e2c7420e23eba572aa.. 2023. 1. 19. React : prepare() { React를 위한 준비 사항 - node, npm, React Developer Tool 설치 } 2주 동안 리엑트 공부를 벼락치기 해보자고 다짐했다. 시적 전 React 공부를 위한 준비사항 #node #npm #React Developer Tool 총 3개를 설치하였다 homebrew 를 이용한 node, npm 설치 생각보다 설치 시간이 굉장히 오래 걸렸다 brew install node 정상 설치 확인 node -v npm -v 크롬에서 React 개발자 도구 확장 프로그램 설치 웹 퍼블리싱을 확인할 수 있는 개발자 도구처럼 현재 페이지에 있는 React 코드를 확인 가능하다 크롬 확장 프로그램 웹 스토어에서 React Developer Tool 추가 ↓ https://chrome.google.com/webstore/category/extensions Chrome 웹 스토어 Chrome에 사용.. 2023. 1. 19. Github : how() { SSH 공개키 등록 } 귀찮게 나를 막아서는 깃허브 인증 강제로 토큰 생성하는 김에 시작한 블로그 포스팅 현 상태 remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information. 1. SSH 존재 여부 확인 새 컴퓨터라 당연히 ssh를 생성한 적은 없지만 혹시 모르니,,, cat ~/.ssh/id_rsa.pub 그런 파일 or 디렉토리가 존재하지 않는다! 안.. 2022. 2. 1. Docker : warning() { "Image may have poor performance, or fail, if run via emulation" } in mac docker-compose 로 띄운 이미지 컨테이너에서 amd64 경고 태그와 함께 Image may have poor performance, or fail, if run via emulation 문구를 확인할 수 있다. Intel CPU 기반의 macOS나 Linux에서는 linux/amd64 아키텍처의 이미지를 사용하지만, 애플 실리콘 M1의 경우 ARM64 아키텍처 이미지를 우선적으로 사용한다고 한다... 🐳 linux/amd64 아키텍처와 linux/arm64/v8 아키텍처 구분 Mac m1 환경에서 하단의 yaml 파일을 실행해보자 docker-compose.yaml version: '3.4' services: zookeeper: platform: linux/amd64 image: quay.io.. 2022. 1. 20. Spring Framework : basics() { Spring MVC 구조 } index Spring MVC Spring MVC이란? Model. View, Controller Spring MVC Architecture Spring MVC의 장점 🍃 Spring MVC Spring MVC란? MVC (모델-뷰-컨트롤러) 데이터, 사용자 인터페이스, 논리 제어를 구현하는데 널리 사용되는 SW 디자인 패턴 Spring 프레임워크를 Model-View-Controller로 다루는 모듈 스프링의 MVC 패턴은 DispatcherServlet을 활용한 front controller pattern을 사용한다 간단히 말해서 DispatcherServlet이 의도된 목적지를 향해 요청을 보내는 역할을 한다 Model. View, Controller example 🛒 쇼핑 리스트 앱 🔗 Model.. 2021. 10. 13. Algorithm - JAVA : Programmers() { 5주차_모음사전 } Algorithm - JAVA : Programmers() { 5주차_모음사전 } 규칙이 쉬워보여서 가벼운 마음으로 시작했던 문제였는데 생각보다 헷갈려서 시간 많이 잡아먹었다 😋 https://programmers.co.kr/learn/courses/30/lessons/84512 코딩테스트 연습 - 5주차_모음사전 사전에 알파벳 모음 'A', 'E', 'I', 'O', 'U'만을 사용하여 만들 수 있는, 길이 5 이하의 모든 단어가 수록되어 있습니다. 사전에서 첫 번째 단어는 "A"이고, 그다음은 "AA"이며, 마지막 단어는 "UUUUU"입니 programmers.co.kr 풀이 과정 문제를 처음 고민했을 때, 5글자라는 작은 범위이다보니 직접 모음 사전을 만든 다음 완전탐색도 가능해보였지만, 직접 해보.. 2021. 10. 13. 이전 1 2 3 4 다음
