돼우는 개발중()

6개월 간의 부트캠프를 마치면서 몸소 겪고 힘들었던, 좋았던 경험들에 대해 얘기하고자 한다. 그전에 나의 기본사항에 대해 얘기하자면1학년 2학기에 컴퓨터소프트웨어학과로 전과하여 4년 과정을 이수전과 이후 수업이 너무 어려워 포기하려던 찰나에 iOS 수업을 듣고 흥미를 가져 2학년때 부터 iOS만 주구장창 함(3년제)졸업 이후 바로 iOS 개발자로 취업했지만 회사 사정이 좋지않아 퇴사권유(2개월)이후 공백기를 감당 못해 전공심화로 학사학위 취득BEYOND SW CAMP 13 수료풀스택 개발자로 취업비전공의 서러움도 이해할 수 있고 전공 지식도 어느정도 갖고 있는 상태로 부트캠프를 시작했다.비전공이어도 상관없을까요?우선 가장 크게 부트캠프를 지원하면서 걱정하는 부분이 여기에서 나오는 것 같다. 비전공자수업을..

네트워크(Network)1. 네트워크(Network)네트워크는 두 개 이상의 컴퓨터 또는 장치가 서로 연결되어 데이터를 공유하고 통신하는 시스템을 의미한다.2. 네트워크의 구성 요소노드(Node)네트워크에 연결된 각각의 장치 또는 시스템을 의미한다. (컴퓨터, 서버, 프린터, 라우터, 스위치 등)링크(Link)링크는 네트워크 내에서 노드 간의 물리적 또는 논리적 연결을 의미한다.라우터(Router)서로 다른 네트워크를 연결하고 데이터 패킷을 올바른 경로로 전달하는 장치이다.스위치(Switch)네트워크 내의 장치들을 연결하는 장치로 데이터를 특정 장치로 전달하는 역할을 한다.허브(Hub)네트워크의 모든 장치에 데이터를 브로드캐스트 하는 장치이다.방화벽(Firewall)네트워크 보안을 관리하며, 허용된 트래..

데브옵스는 소프트웨어 개발과 운영의 합성어로 개발과 운영을 통합하여 소통, 협업, 통합을 강조하는 방법론이다.1. 데브옵스정보기술 전문가 간의 협업을 통해 소프트웨어 개발과 배포 속도를 높이고, 품질을 개선하는 것을 목표로 한다.2. 전통적인 개발 프로세스의 문제점팀 간 분리긴 배포 주기비효율적인 테스트 및 피드백비효율적인 수동 작업책임의 분산3. 데브옵스가 이를 해결하는 방법팀 간 협업과 책임 공유지속적인 배포(Continuous Delivery)자동화된 테스트 및 통합인프라 자동화 및 환경 일관성모니터링 및 빠른 피드백4. 데브옵스의 주요 목표자동화 도구를 활용하여 배포 속도를 높이고, 인적 오류를 줄여 시스템의 안정성을 확보한다.지속적인 통합(Continuous Integration), 지속적인 배..

팀 프로젝트 종료두 달의 기간이 정해진 백엔드/프론트엔드 통합 프로젝트가 마무리가 되었다.사실 우리 조는 일련의 과정을 거쳐 한달의 기간동안 백엔드와 프론트엔드를 모두 마무리해야만 했다.팀장으로써 한달동안 백엔드와 프론트엔드 프로젝트 모두 완성을 하려면 최대한 머리를 써서 효율적인 작업을 생각해내고팀원들에게 세세한 지시와 확실한 작업을 요구해야했다.그러다보니 1달동안 모든 시간을 프로젝트만 생각하고 작업을 세분화하는걸 생각을 해서 잠을 오래자도 피곤하고 머리는 항상 어지럽고 아팠었다. 완벽하고 에러가 없는 프로젝트는 아니었지만 내가 처음 생각한것보다 50~80%는 더 완성도 있는 프로젝트로 끝마쳤다.이렇게 마지막 날 까지 피말리는 스프린트 개발을 하다보니 다음 프로젝트가 더욱 기대가 됐었다.다른 사람에 ..

이벤트(Event)1. 이벤트(Event)브라우저에서 사용자가 하는 모든 행위(마우스 클릭, 키보드 입력 등)를 이벤트(Event)라 한다.자바스크립트를 사용하여 브라우저에서 발생하는 이벤트에 대해 특정 기능을 수행하도록 설정할 수 있다.2. 이벤트 설정 방법2.1. 인라인 방식HTML 태그에 이벤트 핸들러 속성을 이용하여 직접 자바스크립트 코드를 작성하는 방법이다.버튼2.2. 이벤트 핸들러 프로퍼티 방식요소가 가지고 있는 이벤트 속성에 이벤트 핸들러를 설정하는 방법이다.let button = document.getElementById('btn'); button.onclick = function () { // 수행 코드 }2.3. addEventListener() 메소드 방식W3C에서 공식적으로 권장하는..

BOM1. BOM(Browser Object Model)브라우저와 관련된 객체들을 BOM(Browser Object Model)이라고 한다.2. window 객체브라우저 창에 대한 설정을 하는 가장 최상위 객체이다.브라우저가 실행될 때 가장 먼저 생성되며 하위에 브라우저 각 요소에 해당하는 객체가 만들어진다.3. location 객체브라우저의 주소 표시줄(URL)과 관련된 객체로 주소와 관련된 정보를 가진 객체이다.4. history브라우저에서 이동한 문서의 내역을 관리하는 객체이다.5. navigator 객체브라우저에 대한 정보를 가지는 객체로 고객에 대한 정보를 분석할 때, 브라우저별로 다른 동작을 해야 할 때 사용된다.6. screen 객체사용자의 디스플레이에 대한 정보를 가진 객체이다.DOM1. ..

객체1. 객체자바스크립트는 객체 지향 프로그래밍 언어로 원시 값을 제외한 나머지 값(배열, 함수, 정규 표현식 등)들은 모두 객체이다.객체는 다양한 값을 하나의 단위로 구성한 자료구조로 객체는 0개 이상의 프로퍼티(Property)와 메소드(Method)으로 구성된다.2. 객체 생성자바스크립트는 다양한 방법으로 객체를 생성할 수 있다.// 객체 리터럴 let 변수 = {}; // Object 생성자 let 변수 = new Object(); // 생성자 함수 let 변수 = new 생성자();3. 프로퍼티(Property)프로퍼티는 키(key)와 값(value)으로 구성된다.프로퍼티 키는 문자열을 사용하고 식별자 네이밍 규칙을 만족하면 따옴표를 생략할 수 있다.프로퍼티 값에는 자바스크립트에서 사용할 수 있..

1. 자바스크립트(JavaScript)웹 브라우저에서 많이 사용하는 인터프리터 방식의 객체지향 프로그래밍 언어이다.웹 문서의 보조적인 기능, 동작을 수행하기 위해 개발되었다.ECMA(European Computer Manufacturers Association) 스크립트 표준을 따르는 대표적인 웹 기술이다.지금의 자바스크립트는 백엔드 영역의 언어로도 사용할 수 있는 개발 언어로 성장하였다.2. 자바스크립트 작성웹 문서 안에서 자바스크립트 코드를 2.2. 외부 자바스크립트자바스크립트 코드를 별도의 파일에 작성해 놓는 방법이다. (파일 확장자는 js이다.)웹 문서에서 필요할 때마다 2.3. 인라인 자바스크립트HTML 태그에 이벤트 핸들러 속성을 이용하여 직접 자바스크립트 코드를 작성하는 방법이다.버튼기본 문..

CSS3 개요1. CSS3(Cascading Style Sheets 3)HTML5와 함께 웹 표준의 하나로 미리 약속된 스타일 속성을 통해 레이아웃과 스타일을 정의한다.문서 내용과 스타일을 분리하여 내용을 수정해도 디자인을 바꿀 필요가 없고 디자인을 수정해도 글 내용을 바꿀 필요가 없다.선택자 { 스타일 속성: 속성 값; 스타일 속성: 속성 값; ... }2. 스타일 시트웹 문서에서 안에서 사용되는 스타일들을 모아 놓은 것을 스타일 시트라고 한다.2.1. 내부 스타일 시트웹 문서 안에서 사용할 스타일을  2.2. 외부 스타일 시트스타일을 별도의 파일에 작성해 놓는 방법이다. (파일 확장자는 css이다.)웹 문서에서 필요할 때마다  태그를 이용하여 외부 스타일 시트를 가져와서 사용할 수 있다.이때  태그는..

HTML5 개요1. HTML5 (Hyper Text Markup Language 5)HTML5는 웹에서 정보를 표현할 목적으로 만든 마크업 언어이다.하이퍼텍스트란 웹 문서 내에서 링크를 클릭해 다른 문서나 사이트로 이동하는 기능을 말한다.마크업 언어란 태그를 사용해 문서의 구조를 정의하는 언어이다.2. HTML5 태그(Tag)태그(Tag)는 로 묶인 부분이다.대부분의 태그는 시작 태그()와 종료 태그()가 한 쌍으로 이루어진다.태그는 대/소문자를 구분하지 않지만 소문자를 사용하는 것을 권장한다.제목태그에는 여러 기능을 추가하는 속성을 사용할 수 있다.속성(Attribute)은 시작 태그에만 작성할 수 있고 속성 값은 " ", ' '를 사용하여 기술한다.태그마다 사용할 수 있는 속성들이 다르기 때문에 태그..