씹어먹는 블로그

su - www-data 로 계정 전환 시 This account is currently not available 메시지가 뜬다면, 1. cat /etc/passwd 로 lonogin 지정 되어 있는지 확인 cat /etc/passwd 2. chsh -s /bin/bash www-data chsh -s /bin/bash www-data 위 처럼 bash를 지정해준 후 3. su - www-data 로 계정 전환 시도 su - www-data 또는 runuser -u www-data -- php artisan migrate 위 형식으로 runuser를 www-data 권한으로 명령어를 실행 runuser -u www-data -- php artisan migrate

간단한 component 사용 방법 1. function 을 새로 만들어서 component로 뺄 html을 작성 2. function 이름을 html tag로 삽입 function App() { return ( ); } function ComponentTest() { return ( 컴포넌트 테스트 !! ); } 함수명을 컴포넌트로 사용하기 때문에 리액트에서는 함수가 컴포넌트라고 볼 수 있다. App 컴포넌트에서 ComponentTest 컴포넌트를 불러오는 예제. 주의할 점 1. 컴포넌트 앞글자는 항상 대문자로 해야한다. 태그를 사용할 때는 위 두가지가 동일하니 편한 방법을 사용하면 됨 2. 컴포넌트 간 state를 사용할 때는, props 를 이용하여 변수를 전달해야 함

상태값 변경 시 자주 사용되는 방법 1. 해당 값을 복사한다 (원본을 참조하지 않게 깊은복사로) 2. 복사한 값을 수정한다. 3. state를 set한다. import './App.css'; import {useState} from "react"; function App() { const [val, setVal] = useState(5); const [array, setArray] = useState([1, 2, 3]); function btnClick() { const copyArray = [...array]; // ES6 deep copy setArray(copyArray.reverse()); } return ( { array } 버튼 클릭!! ); }

참조 : 자바스크립트 객체 복사하기 자바스크립트에서 객체를 복사하는 방법은 참 많습니다. junwoo45.github.io

1. nodejs 설치 2. react project 설치 3. 로컬서버에 프로젝트 빌드 1. nodejs 설치 LTS버전으로 설치하는 것이 안정적으로 사용 가능. 최신버전으로 설치하게 되면 프로젝트 빌드시 에러 발생할 수도. https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. react project 설치 터미널에서 프로젝트폴더를 생성할 위치로 이동 후 npx create-react-app myapp npx create-react-app myapp react 프로젝트를 생성해준다. 그리고 Intellij 에서 프로젝트..

tsconfig 스펙 https://json.schemastore.org/tsconfig

intellij 터미널(windows PowerShell) 에서 tsc 실행시 오류날 때 (VSCode도 마찬가지) 해결방법 : 1. PowerShell 을 관리자권한으로 열기 2. get-help Set-ExecutionPolicy 입력 -> y 입력 3. Set-ExecutionPolicy RemoteSigned 입력 -> A 입력 (정책을 RemoteSigned 로 변경) tsc 문제없이 실행 완료

IOC(Inversion Of Control : 제어의 역전) 내가 직접 인스턴스를 생성하지 않고, 외부에서 의존성을 주입(Dependency Injection) 해주는 것. 1. 내가 직접 인스턴스를 생성하는 경우, public class MemberService { // 의존성을 내가 직접 결합 private final MemberRepository memberRepository = new MysqlMemberRepository(); . . . } 2. 외부에서 의존성을 주입 해주는 경우, - 주입 받는 부분 public class MemberService { private final MemberRepository memberRepository; // 생성자 주입 패턴 public MemberServ..

스타일세트 설명 : CSS의 OpenType 기능에 대한 구문 이 기능은 기본 글리프를 다양한 표기 형식으로 대체합니다(예: 열린 원 또는 단색 원, 사각형, 괄호, 다이아몬드 또는 둥근 상자에 배치된 글리프). 주석 양식이 이미 있지만 사용자가 다른 양식 helpx.adobe.com Pretendard Pretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 Apple의 system-ui가 익숙한 나로서는 San Francisco와 Apple SD 산돌고딕 Neo가 없는 다른 환경에서 이.. cactus.tistory.com 12345678910

1. 자신의 프로젝트 폴더로 이동 cd C:\springboot\hello-spring\ 2. 빌드 명령어 입력 // build 폴더를 생성한다 ./gradlew build // build 폴더를 삭제하고 다시 빌드 ./gradlew clean build BUILD SUCCESSFUL 메시지가 뜨면 성공 - Maven 일 때 // target 폴더 안에 .jar가 생성됨 ./mvnw package 3. build/libs 폴더에 생성된 jar 파일을 확인한다. 일반적으로 서버에 배포할 때는 hello-spring-0.0.1-SNAPSHOT.jar 파일을 서버에 올려서 실행하면 배포 완료. 4. jar 파일 실행 방법 java -jar hello-spring-0.0.1-SNAPSHOT.jar 5. jar ..

1. 윈도우키 눌러서 '고급' 검색 후 '고급 시스템 설정 보기' 클릭 2. 시스템 속성 -> 환경변수 클릭 3. 시스템변수에서 JAVA_HOME 더블클릭 후 경로 11버전으로 변경 4. 시스템변수 Path 더블클릭 후 편집 -> java 11 을 제일 상단으로 옮긴다. oracle 설정이 java 보다 위에 있을 때 버전 변경이 안되는 경우가 있음 5. cmd를 종료 후 다시 관리자모드로 켠다 관리자로 켜지 않으면 변경사항이 제대로 보이지 않는 경우가 있음 javac -version java -version 둘다 확인 C:\>javac -version javac 11.0.6 C:\>java -version java version "11.0.6" 2020-01-14 LTS Java(TM) SE Runti..

AOP(Aspect Oriented Programming) 관점 지향 프로그래밍이란 무엇인가? 횡단 관심사(Cross Cutting Concern), 말이 어렵다. 어려운건 역시 그림으로.. 위 그림처럼 여러가지 로직들에 공통적으로 들어가는 로직이 있을 것이다. 예를들면 로그같은 것들은 여러 로직들의 상/하단에 들어가는 경우도 많다. 이렇게 횡단으로 분류할 수 있는 관심사를 Cross Cutting Concern 이라고도 부른다. 이런경우, 로그의 내용을 변경하고 싶을 때마다 여러 로직들을 모두 찾아다니면서 수정해야 하는 불편함도 있다. 그래서 공통적으로 들어가있는 로직들을 따로 분리해서 모듈화 하는것을 AOP라고 한다. 특징은, 소스코드도 아예 로직에서 제거하는 것이고, 이 제거한 코드를 실행 시켜줄수..

1. 스프링부트 사이트 접속 2. 세팅파일 생성 3. 다운로드 된 세팅 파일 압축 해제 4. IDE 에서 프로젝트 불러옴 5. Hello World 위 순서로 하면 되고, 글로 적어보니 순서가 복잡한것 같지만 실제로 해보면 상당히 간단함. 1. 스프링부트 사이트 접속 https://start.spring.io/ 2. 세팅파일 생성 원하는 세팅을 고른 후 GENERATE 버튼 클릭하면 세팅된 파일이 다운로드 됨 내가 한 세팅 - Gradle - Java Language - Spring Boot 2.5.5 - Jar Packaging - Java 8 Version Dependencies - Spring Web - H2 Database - Mustache - Spring Data JPA 3. 다운된 zip 파..

src/main/resources/application.properties 파일에 아래와 같이 logging.level 접두사로 세팅 가능 # Logging logging.level.org.springframework=info logging.level.org.springframework.web=debug logging.level.org.hibernate=error https://docs.spring.io/spring-boot/docs/current/reference/html/howto.html#howto.logging “How-to” Guides Spring Boot has no mandatory logging dependency, except for the Commons Logging API, whic..

Web server failed to start. Port 8080 was already in use 테스트 중 위 에러가 난다면, 이미 포트가 실행되고 있다는 뜻이기 때문에 포트를 열고있는 프로그램을 찾아서 kill 해준다. cmd $ netstat -ano 관리자권한으로 CMD를 열어서 해당 PID로 kill 해준다. taskkill /pid 4692 /f