[React] react (Virtual DOM, components, jsx)
2022. 3. 15. 14:52
개발이야기/React.js
앞서 말했듯이 3세대 웹이 등장하면서 우리의 웹사이트는 더욱더 복잡해지기 시작했다. 그러다보니 어떻게하면 더 빠르게 일처리를 할 수 있을까? 고민을하다 생각난것이 , 프레임워크고 프론트엔드의 대표적인 프레임워크 3대장에는 앵귤러 (Angular) => 개발에 필요한 거의 모든 기능을 포함하고 있는 프레임워크이기 때문에 완전히 최적화된 번들 앱을 만들 수 있습니다. 하지만 그만큼 알고, 배워야할게 많아 다루기 힘든 프레임워크 리액트 (React) => 엄청난 유연성을 가지고있는 프레임워크, web과 native 앱 개발에 모두 사용가능, 큰 생태계. 그로인한 많은 라이브러리, 큰 규모에서 빛을 발함 뷰 (Vue)가 있다. => 앱개발이 쉽고 빠르다. 빠른 랜더링과 작은 용량(약 리액트 1/2), templ..
프레임워크(Framework)와 라이브러리(Library)의 차이점?
2022. 3. 15. 14:04
개발이야기/TIL
3세대 웹이 나오게 된 이후 우리는 정적인 웹에서 동적이 웹으로 빠르게 변화하였다. 이때부터 눈에 보이는 부분(ux, ui)를 담당하는 프론트엔드와 데이터의 가공, 관리를 담당하면 백엔드 영역으로 분리가 되기 시작했다. 그렇게 생태계가 형성되고 더 쉽고 빠르게 프로그래밍을 할 수 없을까? 고민을하다 '프레임워크'라는 틀이 생기게 되었다. 프레임워크란 무엇일까? 프레임하면 바로 '틀' 이라는게 떠오른다. 그럼 work의 뜻은? 바로 '일하다' 프로그래밍에서 프레임워크는 일정하게 짜여진 틀, 뼈대를 가지고 일한다. 라는 느낌을 받고 가면 될 것이다. 쉽게 말하면 장난감키트? 같은 느낌이다. 안에 모든 부품이 들어있고, 우리는 그걸 보고 조립하면 되는 개념이다. 즉, 프레임워크는 '제공받은 일정한 요소와 틀,..
[CSS] CSS관련 Tip 정리
2022. 3. 12. 17:59
개발이야기/HTML & CSS & SASS
block 요소 특징 자동 줄개행이 된다. (수직정렬) (float나 flex를 이용하지 않는한 자동 개행된다.) width를 지정하지 않아도 부모의 width 100% 채운다. (block요소에 width100%는 바보같은 짓) block 태그 안에는 inline요소와 block요소를 모두 가질 수 있다. inline 요소의 특징 줄개행이 되지 않는다. 옆으로 쭉 붙어 올 수 있다. (수평정렬) width와 height를 지정할 수 없다. inline요소의 크기는 글자의 크기가 된다. inline 태그 안에는 inline요소는 포함할 수 있지만 block요소는 포함할 수 없다. inline block 요소의 특징 block요소..
[GIT] git 초기 세팅 방법
2022. 3. 10. 17:06
개발이야기/Git
git을 활용한 초기 세팅 방법을 알아보자. 웹사이트 페이지는 혼자 만드는게아니고 여러명이 조각조각 나눠서 만드는 개념이다. 이때 이조각이 => branch 브랜치개념 처음 레파지토리를 생성하고, 혼자만의 프로젝트가 아닌 기업이나, 여러명의 프로젝트를 할땐 master/main 브렌치(기둥)에서는 절대 코드를 작성하면 안된다. 처음에 받으면 master/main환경이라서 브렌치를 하나 만들어야 코드를 작성할 수 있는데 브렌치를 만드는 명령어 => (1) git branch feature/login(폴더이름) : 여기서 feature는 컨벤션이다. 회사마다 다름 브렌치를 들어가는 명령어 => (2) git checkout feature/login(폴더이름) 현재 어떤 브랜치인지 확인하는 명령어 => (3)..
[GIT] Git & GitHub
2022. 3. 10. 16:20
개발이야기/Git
깃(git)은 2005년에 리누스 토르발스에 의해 개발된 '분산 버전관리 시스템'으로 여러명의 개발자가 하나의 소프트웨어 개발 프로젝트에 참여할 때, 소스 코드를 관리하는데 주로 사용한다. 그럼 버전관리는 왜 필요할까? 예시로 ppt를 만든다고했을때, 처음에는 'wecode220101' 제목으로 파일을 만들었다가 내용이 바뀔 경우 'wecode220102(최종)' 'wecode220102(최최종)' 'wecode220102(진짜)' 이런식으로 파일이 늘어나는걸 볼 수 있다. 용량도 많이 차지하게되고 팀프로젝트로 협업하게 될 경우엔 'wecode220102(진짜)' 에 'bootcamp(최종)' 파일을 합치는 경우도 있기때문에 수백명인 대형 프로젝트를 진행할 경우엔, 파일을 합치는 과정이 매우 복잡할 것이..