성연이의 프로그래밍 블로그

1. 리액트 코드 분석 1) import React from 'react'; a. 리액트를 불러와서 사용할 수 있게 해 줌 b. 리액트 프로젝트 생성 시 node_modules라는 디렉터리가 생성 c. 프로젝트 생성 과정에서 node_modules 디렉터리에 react 모듈 설치 d. import 구문을 통해 리액트를 불러와서 사용 가능 => 모듈 불러와서 사용하는 것(번들러 bundler)은 원래 브라우저에는 없던 기능. 2. 번들러 1) 종류 a. 웹팩(주로 사용), Parcel, browserify b. 웹팩을 주로 사용, 편의성과 확정성이 다른 도구들보다 뛰어남 2) 특징 a. import(or require)로 모듈 불러왔을 때, 불러온 모듈을 모듀 합쳐서 하나의 파일을 생성해줌 b. 최적화 과..

1. Eclipse UTF-8 설정 1) Window -> Preferences 2) encoding입력 후 Content Types의 Java Class File, Text의 Default encoding부분을 UTF-8로 설정 3) Workspace의 Text file encoding도 UTF-8로 설정 4) Class Files 의 Encoding도 설정 5) Spelling 검색 후 Spelling의 Dictionaries의 Encoding도 설정 2. 프로젝트 UTF-8 설정 1) 프로젝트 우클릭 -> Properties(단축키는 Alt+Enter) 2) Resource의 Text file encoding UTF-8로 설정

1. SVN(SubVersion)이란? - 형상관리/소스관리 툴 - 여러명이 작업하는 프로젝트에서 버전 관리나 소스의 통합에서 발생하는 소스 중복이나 여러 문제를 해결하기 위한 Software. 2. SVN 설치 1) Help → Eclipse Marketplace 2) SVN 검색 후 아래로 스크롤 3) 재시작 3. SVN 세팅하기 1) 오른쪽 상단의 버튼 클릭 2) SVN Repository Exploring 클릭 3) SVN Repositories 내부에 오른쪽 클릭→New→Repository Location… 4) svn 주소 입력 5) 가져오고자 하는 프로젝트 우클릭 → Checkout…

테이블과 같은 데이터 구조를 정의하는데 사용되는 명령어 수정 후 자동 커밋 된다. create : 데이터베이스, 테이블등을 생성 alter : 테이블을 수정 drop : 데이터베이스, 테이블을 삭제 truncate : 테이블을 초기화 CREATE CREATE란? 테이블 구성하고, 속성에 제약을 정의. 기본키, 외래키 등을 정의 ALTER ALTER란? DROP DROP 란? TRUNCATE TRUNCATE란? DROP, TRUNCATE, DELETE 차이 DROP 테이블 전체를 삭제. TRUNCATE 테이블 삭제는 않고, 데이터만 삭제. 테이블 용량 줄어들음 DELETE. 데이터 지워짐. 테이블 용량은 줄어들지 않음

1. DPS (Digital Picking System) 개념 선반(rack)의 각 칸마다 품목이 저장되어 있고, 픽커가 픽킹하려는 주문의 고유번호를 입력하면 해당 주문에서 픽킹해야 하는 품목들의 위치에서 선반에 설치된 디지털 표시기(LED)에 픽킹 수량이 표시되어, 픽커가 별도의 피킹 전표 없이도 이들을 차례로 픽킹하여 박스에 담아 하나의 주문을 완료하는 픽킹방식이다. 디지털 표시기 기본 흐름 출고 DATA 전송 -> 표시기 점멸 확인 -> 상품 피킹 -> 검수/출고 작업방식 - 채취식 작업방식 도식화셀별로 표시기에서 램프 점멸& 수량 표시 점멸되는 위치에서 수량만큼 피킹 특징 피킹효율 존 단위로 피킹 구역을 구별하여 동선 축소 적용범위 SKU 수가 거래처보다 적은 경우 유리(히트율 높은 상품에 적합)..

React의 가장 큰 특징은 Virtual DOM이다. 1. DOM(Document Object Model) 객체로 문서 구조를 표현하는 방법으로 XML or HTML로 작성 웹 브라우저는 DOM을 활용하여 객체에 자바스크립트와 CSS를 적용 DOM = 트리 형태. 특정 노드 찾기, 수정, 제거, 삽입 가능 많은 플랫폼과 웹 브라우저에서 DOM API 사용 2. DOM의 단점 = 느림 동적 UI에 최적화되어 있지 않음 HTML은 자체적으로 정적이지만 자바스크립트를 사용하여 동적으로 만들 수 있음 DOM 자체는 빠름. DOM 자체를 읽고 쓸 때의 성능 = 자바스크립트 객체를 처리할 때의 성능 웹 브라우저 단에서 DOM에 변화가 일어나면 웹 브라우저가 CSS를 다시 연산, 레이아웃 구성, 페이지 리페인트를 ..

1. 리액트란? 사용자 인터페이스를 빌드할 수 있는 JavaScript 라이브러리 페이스북에서 제공해주는 프론트엔드 라이브러리 기존의 뷰를 없애고, Virtual DOM을 사용하여 처음부터 새로 렌더링을 하여 빠른 속도로 뷰를 변경시켜준다. 2. 장점 Virtual DOM을 사용하여 속도가 빠르다. 자바스크립트 친화적이다. 간단한 개념만 알면 웹, 앱 모두 개발이 가능하다. 최대한 성능을 아끼고, 편안한 ux를 제공한다. 3. 특징 Javascript 라이브러리 MVC, MVW등인 프레임워크와 달리 오직 View만 신경 쓰는 라이브러리 4. 컴포넌트 특정 부분이 어떻게 생길지 정하는 선언체 제사용 가능 API. 수많은 기능 내장 컴포넌트 하나에서 해당 컴포넌트의 생김새와 작동 방식 정의 컴포넌트 내부에 ..

BitLocker를 입력하라는 컴퓨터.. 인터넷 찾아보니까 안전모드로 들어가라 해서 안전모드 입장을 해봤다. 1. Esc 선택 1. F4 하면 삼성 리커버리 사이트가 나오고 F5랑 F8을 하면 다시 BitLocker창이 떠버려서 안전모드로 진입하기는 실패했다. 3. 고급옵션 선택 여기에서 안전모드 진입 방법이 달라진다. 방법 1. 1. 시작 설정 선택 2. 다시 시작 후 F4 or F5 or F8 클릭. 방법 2. 1. 명령 프롬프트 선택 2. 1) 기본경로(X:₩windows₩system32)에서 bcdedit /set {default} bootmenulolicy legacy. 명령어 실행 후 pc를 재부팅 후 F8키를 누르면 안전모드 진입이 가능하 다해서 해봤지만.. 안된다. 2) 윈도우 공식 홈페이..

안녕하세요. 성연입니다. 오늘은 '0x800F081F 오류 해결'에 대한 해결 방법을 알려드리려고 글을 남겼습니다. 윈도우 기능 켜고 끄는 거에서 .NET 3.5 기능을 켰습니다. 윈도우 10 RS4 이후의 버전에서는 .NET Framework 3.5가 기본 비활성화이기 때문에 를 설치할 때 .NET Framework 설치 시 0x800F081F오류가 발생된다고하네요. 이 오류를 사전에 방지하기 위해서 저는 기능을 활성화시켰답니다.

https://yeon960.tistory.com/272 { if (error) { console.error('uploads 폴더가 없어 uploads 폴더를 생성합니다.'); fs.mkdirSync('uploads'); } }); const upload = multer({ storage: multer.diskStorage({ destination(req, file, cb) { cb(null, 'uploads/'); }, filename(req, file, cb) { const ext = path.extname(file.originalname); cb(null, path.basename(file.originalname, ext) + new Date().valueOf() + ext); }, }), limi..