HTML이 뭘까?세상에 존재하는 모든 웹페이지는 HTML로 작성한다HTML = 웹사이트의 구조를 이루는 뼈대CSS = 웹사이트에 살을 붙이고 옷을 입혀 스타일링JS = 웹사이트가 사용자와 상호작용할 수 있도록 움직임을 더하는 관절HTML (Hypertext Markup Language)→ Markup Language 즉, 마크업 언어는 “자료의 구조 (웹페이지)를 표현하기 위한 언어”진짜 더 쉽게 풀어서 설명하면,웹페이지의 내용(content)와 구조(structure)를 담당하는 언어로써 HTML태그를 통해 정보를 구조화하는 것우리가 웹페이지에 글, 버튼 등을 넣는 것이 ‘자료를 입력하는 것’이다.그 자료들이 어디에 배치되는지 같은 것들을 기록하기 위해 존재하는 언어를 HTML이라 한다.✅ HTML 문..

CI/CD어플리케이션 개발 단계부터 배포 때까지 이 모든 단계를 자동화해서 사용자에게 빈번하게 배포할 수 있도록 만드는 것을 의미한다.CI = Continuous Intergration : 지속적인 통합CD = Continuous Delivery : 지속적인 제공 / Continuous Deployment : 지속적인 배포발생 배경요즘 빠르게 변화하고 기술이 진화하는 시대에 어떻게 빠르게 대응하고 제품을 출시하고 업데이트할 것인가를 해결하기 위해 CI/CD 개발 프로세스를 사용한다 CI란?버그 수정이나 새로 만드는 기능들이 메인 레포에 주기적으로 bulid 되고 test 되어서 merge 되는 것⇒ 빌드 / 테스트 자동화 과정CI의 중요한 포인트코드 변경사항을 주기적으로 빈번하게 머지해야 함한 기능을 구..

Git 전략Git의 꽃은 ‘협업’이라고 봐도 무방하다.물론 포트폴리오처럼 나의 프로젝트들을 관리하는 용도로 사용할 수 있지만 Git을 사용하는 가장 주목적은 ‘협업’에 있다고 해도 무방하다.그만큼 협업을 하기에 유용한 기능들이 많이 있다.가장 많이 쓰는 방법이 branch를 활용하는 건데, 이를 깔끔하게 만들도록 도와주는 방법론이 많다.뭐가 좋은데 ?브랜치 관리가 쉬워진다팀원이 아무리 많아도 개발 절차가 매끄러워진다Git 전략의 종류 1. Git Flow보통 대규모 개발에서 ‘안정적인 배포’를 해야할 때 사용하는 전략main : 유저에게 배포할 버전hotfilx : main에서 급하게 업데이트 할 내용이 있을 때 (버그)release : 실제로 업데이트 하기 전 베타 버전develop : 개발자가 작업하..

리팩토링, 그게 뭔데?기존에 만들었던 프로젝트들이 주로 학술제 / 대회 용이라 기간이 한정되어 있었다.한정된 기간이다 보니 일단 '완성' 하는 것에 초점을 맞추다보니매우 지저분하고,,, 내가 이해하지도 못한 코드를 긁어오는 경우도 많았다. 그래서 전체적으로 내 프로젝트들을 전부 *리뉴얼* 하려고 한다!소위 말하는 '리팩토링'이라는 작업을 하려고 하는데,해본 적이 있어야지... 어디를 어떻게 고쳐야할지 엄두가 안났다그래서 '좋은 리팩토링을 위한 방법'에 대해서 여기저기 찾아보았고,블로그에 정리해둔 후, 이를 토대로 리팩토링을 진행하려고 한다처음부터 다 뜯어고쳐야 한다면?1. 기존 코드 분석현재 코드의 구조를 이해하고, 어떤 기능이 어떻게 동작하는지 살펴보기전체적인 흐름을 간략하게 문서화(메모라도)해두면 이..