공삼
article thumbnail
Git 명령어 모음
Git 2023. 2. 20. 23:07

https://ohshitgit.com/ko Oh Shit, Git!?! git reflog # git의 모든 브랜치에서 있었던 # 지금까지의 모든 기록을 볼 수 있다 # 각각 HEAD@{index} 형태로 index를 가지고 있으니, # 잘못되기 전에 해당하는 index를 찾고 git reset HEAD@{index} # 타임머신을 ohshitgit.com Git 명령어 모음 git의 모든 브랜치에서 있었던 기록을 모두 보기 git reglog HEAD@{index} 형태로 index를 가지고 있어 해당 index로 되돌아 갈 수 있다. git reset HEAD@{index} 커밋 오타 수정하기 git commit --amend 커밋의 설명을 수정할 때 사용하는 명령어로 로컬에 있는 상태일 때 사용해..

article thumbnail
ECMAScript, 바벨(Babel)
Front-End/React 2023. 2. 15. 23:21

ECMAScript JavaScript는 ECMAScript 사양을 준수하는 범용 스크립팅 언어다. 대부분의 웹 브라우저에서는 JavaScript를 볼 수 있는데 브라우저마다 ECMAScript 지원되는 것이 다르기 때문에 조금씩문법에 대해 호환성이나, 속도 차이가 날 수 있다. 수행 능력과 지원되는 ECMAScript가 다르기 때문에 사람들은 일반적으로 JavaScript 호환성보다 ECMAScript 호환성이라는 단어를 더 사용한다. 바벨 바벨은 ES6 사양으로 작성된 코드를 함수적으로 동일한 ES5 코드로 바꿔준다. 대부분의 주요 브라우저는 ES5까지는 지원을 하기 때문에, 개발자들은 브라우저 간 호환성 걱정을 덜 수 있었다. 이전에 인터넷 익스플로어는 ES6가 지원되지 않아 ES5를 사용했는데 그..

article thumbnail
Props, props drilling이란? ( + key props)
Front-End/React 2023. 2. 15. 21:00

Props properties의 줄임말로 리액트 컴포넌트간에 데이터를 전달하고 통신하는데 사용되는 개념이다. 부모컴포넌트가 자식 컴포넌트에게 데이터나 설정값을 전달할 때 사용되며, 컴포넌트의 속성(특성)을 나타내는 데이터이다. props를 통해 컴포넌트의 동작을 다르게 조정하거나 동적인 데이터를 렌더링하는 데 사용된다. props 특징 읽기전용 : 자식 컴포넌트는 부모로부터 받은 props를 변경할 수 없다. 읽기전용으로 사용한다. 전달방식 : 부모컴포넌트에서 자식컴포넌트로 데이터를 전달할 때 사용된다. 동적 데이터: props를 사용하여 동적으로 데이터를 렌더링하거나 컴포넌트의 동작을 제어할 수 있다. 재렌더링 트리거 : props가 변경되면 해당컴포넌트가 리렌더링된다. 부모로부터 받은 props가 변..

article thumbnail
(React) 컴포넌트/엘리먼트 차이, JSX란?
Front-End/React 2023. 2. 15. 00:48

Component (컴포넌트) 컴포넌트는 데이터를 가진 props 객체인자를 받아 element를 반환한다. UI를 재사용 가능한 개별적인 여러 조각으로 나눈 것으로, 엘리먼트 트리를 캡슐화 하는 것이다. Element (엘리먼트) element는 component를 이루는 작은 단위로, 보통 바로 사용되지 않고 Component에 리턴받아서 사용되곤 한다. 엘리먼트는 인스턴스가 아니다. 엘리먼트는 immutable한 plain object이다.(엘리먼트가 생성되면, 절대로 변화되지 않는다.) PlainObject 오래된 방식의 단순 자바 객체다. 조금 더 디테일한 의미는 특별한 환경(클래스나 인터페이스 등)에 종속되지 않는 일반적인 Java 객체를 의미한다. 이 단순 자바 객체는 다른 클래스나 인터페이..

article thumbnail
SSR, CSR 차이 + SPA, MPA
Front-End/React 2023. 2. 15. 00:26

SSR (Server Side Rendering) 서버 사이드 랜더링은 서버로부터 완전하게 만들어진 html을 받아와 페이지를 렌더링하는 방식. CSR과의 차이점으로는 초기 로딩속도가 빠르지만, 새로운 요청이 있을때마다 페이지 전체를 다시 구성해야하는 단점이 있다. 장점으로는 SEO 검색엔진 최적화에 유리하다. 검색엔진이 웹을 크롤리하면서 페이지의 컨텐츠 색인을 생성하는 과정에서 유리하다. (SPA - Single Page Application -> 인터랙션이 발생할때마다 서버로부터 새로운 파일을 받아 해당 링크로 이동하여 페이지 전체를 새로 랜더링하는 웹페이지 구성방식 ) 왜 SEO 검색엔진 최적화에 유리할까? SSR은 서버에서 초기 페이지 로딩시 페이지의 내용을 렌더링 한 후 클라이언트에게 전달하기 ..

article thumbnail
Git-merge연습, commit 취소하는 방법
Git 2023. 1. 30. 10:32

git merge 란? 여러개로 나누어진 브랜치를 통합할때 사용하는 명령어 이다. git-flow 방식을 사용하는 곳에서 잘 알고 있어야하는데 대표적으로 우아한 형제들이 이 방식을 사용한다. 해당 내용을 기술한 우아한 형제들 기술블로그 https://techblog.woowahan.com/2553/ 우린 Git-flow를 사용하고 있어요 | 우아한형제들 기술블로그 {{item.name}} 안녕하세요. 우아한형제들 배민프론트개발팀에서 안드로이드 앱 개발을 하고 있는 나동호입니다. 오늘은 저희 안드로이드 파트에서 사용하고 있는 Git 브랜치 전략을 소개하려고 합 techblog.woowahan.com merge 를 제대로 사용해보지 않은 사람이라면 이해는 해도 막상 사용하면 헷갈린다. 그때 이용하면 좋은 연..

article thumbnail
정보처리기사-중요노트 (자주나오는것 같은 개념 모음)

개인적으로 중요한 것 같아보이는 것을 모아놓은 페이지로 중요한 부분이 아닐 수 있습니다. 22.10.01 작성 중요한거 정리 구조 기반 테스트 구문기반, 결정기반, 조건 기반 화이트 박스 테스트 원시코드의 논리적인 모든 경로를 테스트하여 테스트케이스를 설계하는 방법 블랙 박스 테스트 각 기능이 완전히 작동되는지를 입증하는 테스트 동치 분할 검사 경계값 분석 원인 결과 그래프 알파 테스트 개발자의 장소에서 사용자가 개발자 앞에서 행하는 테스트 기법 베타 테스트 최종적으로 선정된 사용자가 여러 사용자 앞에서 행하는 테스트 기법 테스트 오라클 테스트 결과가 올바른지 판단하기 위해 사전에 정의된 참값을 대입하여 비교하는 기법 참 오라클 추정 오라클 샘플링 오라클 일관성 오라클 애플리케이션 성능 경과시간 응답시간..

article thumbnail
정보처리기사-오답노트_22.10.01

오답노트 서버의 이중화 → 운용 서버에 장애가 생겼을때 대기 서버에서 서비스를 계속해서 수행할 수 있도록 해준 것. 요구공학 → 요구사항을 정의하고, 분석 및 관리하는 프로세스를 연구하는 학문. 객체 모델링 → Information 동적 모델링 →Dynamic 기능 모델링 → Function 스키마(schma) → 데이터베이스의 구조와 제약 조건에 관한 전반적인 명세를 기술한 것 메세지가 제대로 도착했는지, 도착하지 않았을경우에는 메시지를 재전송하는 일련의 방법을 ‘기술적 은어’를 뜻하는 ( ) 이라는 용어 → 프로토콜 형상통제 → 형상 목록의 변경 요구를 검토 및 승인하여 현재의 소프트웨어 기준선에 반영될 수 있도록 통제하는 일련의 과정 헝가리안 표기법 → 변수명 작성시 변수의 자료형을 알 수 있도록 ..

article thumbnail
정보처리기사-12장(릴리즈노트, DRM, SW버전등록)

12장 (제품 소프트웨어 패키징) 릴리즈 노트 → 소프트웨어 개발 과정에서 릴리즈 정보를 고객과 공유하기 위한 문서. Heaer, 개요, 목적, 문제 요약 …. 릴리즈노트 작성 순서 모듈 식별 릴리즈 정보 확인 릴리즈 노트 개요 작성 영향도 체크 정식 릴리즈 노트 작성 추가 개선 항목 식별 디지털 저작권 관리 (DRM) Digital Right Management → 디지털 저작권자가 의도된 용도로만 사용되도록 관리 및 보호 기술 클리어링 하우스 → 저작권에대한사용 권한, 라이센스 발급, 사용량에 따른 관리등을 수행. 콘텐츠 제공자 → 콘텐츠를 제공하는 저작권자 패키저 → 콘텐츠를 메타데이터와 함께 배포가능한 단위로 묶는 도구 콘텐츠 분배자 → 암호화된 콘텐츠를 유통하는 곳 이나 사람. 콘텐츠 소비자 →..

article thumbnail
정보처리기사-11장(운영체제, 프로세스, OSI7계층, 프로토콜, 병행제어)

11장 (응용 SW 기초 기술 활용) OS (Operation System) → 컴퓨터 시스템의 자원들을 효율적으로 관리, 편리하고 효과적으로 사용하도록 하는 여러 프로그램의 모임 운영체제의 목적 (향상 및 단축) 처리능력 (Throughput) - 일정시간내 프로그램이 처리하는 일의 양 반환시간 (Turn Around Time) - 시스템에 작업을 의뢰한 시간부터 처리가 완료될때까지의 시간 사용 가능도 (Avaliability) - 시스템을 사용해야 할 때 사용 가능한 정도 신뢰도 (Reliability) - 시스템이 주어진 문제를 정확히 해결하는 정도 주 기억장치 (RAM) 반입 (fetch) 요구반입 - 요구시 적재하는 방법 예상반입 - 미리 에상해 적재하는 방법 배치 (Placement) 최초적합..