빠르게 훑어보는 웹 개발 트렌트 를 정리해보았습니다. 웹 개발 트렌트 1. 서버 중심으로 개발 2. 클라이언트 중심으로 개발 3. 고도화 1. 서버 중심으로 개발 - 서버랑 클라이언트랑 통신을 하지 않고 이미 만들어진 정적 페이지를 제공해서 클라이언트가 표시 - 페이지 단위로 rest - 사용자가 요청한 화면을 서버에서 페이지 단위로 생성해서 제공 - 이 당시 까지만 해도 자바스크립트가 있었지만 평가가 그리 좋지는 않았음 -> 클라이언트에 코드가 오픈이 되서 공들여서 짜지 않는 분위기 2. 클라이언트 중심으로 개발 - ajax, spring, jquery의 등장으로 자바스크립트를 더 써 볼 수 있겠다라는 생각이 퍼지기 시작 - 페이지를 띄워놓고 ajax로 동적으로 처리 할 수 있지 않을까? - 아이폰, ..

20대 초반초등학교 때 요리사를 꿈꾸었던 적이 있었고 중학교를 다니면서 게임에 재미를 붙여 컴퓨터에 대한 관심도 있었다. 중학교 삼학년이 되면서 고등학교를 선택을 해야 하는 상황이 되었을 때 정보고를 갈지 조리고를 갈지 고민 하던 중 조리고의 모집 공고가 먼저 떠서 조리고에 지원을 했다. 떨어지면 정보고를 갈 생각이었는데 합격 소식을 들었고 그렇게 조리고를 가게 되었고 자연스럽게 대학교도 호텔 조리과를 졸업하게 되었다.학교를 다니면서 조리를 할 때는 무언가를 만들어 내는 것이 재미있었는데 직업으로 삼게 되니 항상 같은 일을 반복하고 육체적으로 힘이 들어 진로를 다시 생각 하게 되었다. 그래도 조리를 배운 시간이 있으니 요식업을 하고 싶었고 고민 끝에 바리스타를 하기로 정했다. 바리스타는 2년 정도 일을 ..

key benefitsparallel development병렬적으로 개발이 가능하다 collaboration동료가 하던 작업을 손쉽게 이어 받을 수 있다 release staging area배포되기전에 테스트하는 곳 support for emergency fixeshot fix 되어야 하는 곳 master 배포하는 소스 코드가 올라감develop병렬적으로 개발을 위한 브랜치버그 픽스를 할 수도 있다안정화된 소스 코드가 되면 master 브랜치에 merge 한다feature branchdevelop 브랜치에서 기능별로 브랜치는 딴다feature branch는 로컬 개발 환경에만 있는 것이 좋다// feature 개발이 완료 될 경우git checkout develop //develop 분기로 전환git m..

git rebase- git rebase --interactive HEAD~33개의 최신 커밋을 수정 할 수있다순서를 변경 할 수도 있고, 커밋을 합칠 수도 있다( squash, edit)- squash에디트 창에서 위의 커밋과 합칠 때 사용하는 명령어커밋 메세지 또한 합쳐짐- fixupsquash와 같이 커밋이 합쳐지지만 커밋 메세지는 사라짐

git reset 파일이름- 현재 스테이징 에어리어에 올라가 있는 파일을 다시 내림 git reset HEAD^ / git reset HEAD~1- 현재 HEAD위치에서 HEAD를 전으로 되돌림- 내 로컬/혼자하는 프로젝트에서만 사용하는 것을 권장 - git reset --mixed HEAD^default 옵션스테이징 에어리어는 reset되지만 로컬 디렉토리가 변경되지 않음 - git reset --soft HEAD^스테이징 에어리어와 로컬 디렉토리가 변경되지 않음커밋만 전으로 돌림 -git reset --hard HEAD^스테이징 에어리어도 reset 되고 로컬 디렉토리 또한 reset 됨 git checkout HEAD^- HEAD의 위치를 하나 위로 옮김 git revert HEAD^- 해당하는 H..

git commitgit commit - 명령어 입력시 스테이징 에어리어에 있는 파일에 대한 커밋 에디트 창이 나옴- 커밋 메시지를 입력하고 :wq(vim 명령어 / w: 저장 q: 에디터 끄기)를 통해 저장 git commit -m '커밋 메세지' - 에디트 창이 뜨지 않고 '커밋 메세지'가 커밋됨 git commit -a - 수정되거나 삭제된 파일이 스테이징 에어리어에 올라가고 커밋 에디트 창이 나옴- 새로 생성된 파일은 제외 git commit -am '커밋 메세지'- 수정되거나 삭제된 파일이 스테이징 에어리어에 올라가고 '커밋 메세지'가 커밋됨 git commit -p- 파일 안의 일부분만 add가 가능하고 커밋 에디트 창이 뜬다- 어떤 부분이 바뀌었는지 알 수 있다.- ? 를 누르면 각 명령어에..

gitignoreos filesapplication files- .vscode/setting.js 등- node_modulesaws pem key 등 github에 올리지 않아도 되는/ 올리면 안되는 파일을 정해 줄 수 있다. gitignore 초기 설정을 해주는 사이트 https://gitignore.io/ git rm로컬과 원격 저장소에 파일을 삭제하는 명령어 로컬저장소에는 남기고 원격 저장소에 파일만 삭제하고 싶은 경우git rm --cached후에 .gitignore파일에 삭제한 파일 입력 git addgit add -A - 모든 변경 파일을 스테이징 공간에 올림- 현재 경로와 상관 없이 상위의 변경 파일도 올라감 git add .- 현재 디렉토리 안에 있는 파일들만 스테이징 공간에 올라감 git..

git init - git을 시작하는 명령어 - git을 설치 후 cli로 git버전 관리할 폴더로 가서 git init 명령어 입력 git status - 이전 커밋과 비교해 변경된 파일을 보여주는 명령어 git add - 변경된 파일을 스테이징 에어리어에 올리는 명령어 git commit git commit -m 'blahblah' - 스테이징 에어리어에 있는 파일들을 commit git log - commit 목록을 텍스트 형태로 보여줌 git log -p - 각 commit 마다 파일 안의 변경된 내용까지 텍스트 형태로 보여줌 git log --graph --decorate - 현재 브랜치의 commit 목록을 시각화 하여 보여줌 git log --all --decorate --oneline --..

1. componentWillMount - 랜더링이 되기 전에 실행 - 컴포넌트가 DOM이 만들어지기 전에 실행 - v16.3 이후부터는 deprecated되었으며 UNSAFE_componentWillMount로 사용가능 2.componentDidMount - 랜더링이 된 후에 실행 - 이 안에서 다른 자바스크립트 프레임워크 연동 및 setTimeout, setInterval 및 AJAX 사용 - D3, masonry처럼 DOM을 사용해야 하는 외부 라이브러리 연동 - 해당 컴포넌트에서 필요로하는 데이터를 요청 하기 위해 axios, fetch 등을 통하여 ajax요청이나 DOM의 속성을 읽거나 직접 변경하는 작업 3.componentWillReceiveProps(nextProps) - this.prop..