본문 바로가기

전체 글99

사담 - 첫 번째 프로젝트 회고, 중간점검 저는 멀티캠퍼스에서 교육을 수강하고 있습니다. 현재까지 java, javascript, 프런트엔드(html, css, 제이쿼리, 리액트) 수업을 마쳤고 백엔드 단의 서블릿, jsp수업을 수강하고 있습니다. 이렇게 벌써 절반가량의 교육이 흘러 중간점검 글을 쓰게 되었습니다. 프런트엔트 팀 프로젝트 프런트엔드 수업이 끝나고 나서 첫 번째 팀 프로젝트를 진행하였습니다. 사실 3일 정도의 짧은 시간 진행되는 프로젝트였지만 그래도 역시 응용을 해보는 것이 수강한 내용을 정리하는데 도움이 되었습니다. 1. 동적 페이지에 대한 이해 우선 프로젝트를 하면서 확실하게 알 수 있었던 것은 동적 페이지에 대한 이해였습니다. 저는 외관상 예쁘게 보이는 것은 크게 고려하지 않았고, 사용자가 특정 버튼을 클릭했을 때 새로운 버튼.. 2022. 3. 4.
Git - commit 전에 add를 하는 이유, 버전관리의 장점 강의 소개 인프런 '지옥에서 온 git' 강의 내용정리입니다. 자세한 내용을 수강하고 싶으시다면 강의 수강을 추천합니다. 커밋 전에 add를 하는 이유 커밋 1개는 1개의 작업을 갖고 있는 것이 이상적이다. 커밋할 시기를 놓치면 너무 많은 파일을 1번에 커밋해야 할 수도 있다. 이런 경우를 방지하기 위해 커밋 1번 당 적절한 단위로 파일을 묶어 커밋을 하기 위해서 add를 통해서 커밋할 파일을 선택할 수 있다. add는 커밋 대기 상태로 만들어주는 것이며, add로 선택된 파일들은 stage라는 커밋 대기 장소에 올라간다. 버전을 만드는 것(버전 관리)의 장점 1. 차이점을 알 수 있다. - git log: 커밋된 역사를 볼 수 있다. - git log -p: 각각의 커밋 사이에 소스가 어떻게 변경되었.. 2022. 3. 4.
JAVASCRIPT 문법 - 형변환(묵시적, 명시적) 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 모던 자바스크립트 입문을 사용하고 있습니다. 형 변환 자바스크립트는 타입이 매우 유연하다. 자바스크립트의 변수는 타입이 정해져 있지 않고, 같은 변수에 다른 타입의 값을 다시 대입할 수 있다. var str = "Hi"; str = 100; // String타입으로 선언한 변수 str에 Number타입의 100대입이 가능하다. 묵시적 형 변환 자바스크립트는 특정 타입을 기대하는 곳에 다른 타입의 값이 오더라도, 자동으로 형 변환을 해준다. 2 + "은 숫자입니다."; // Number타입 2가 자동으로 문자열로 변환되어 문자열 결합 "2" * "5"; // 곱셈을 하기 위해 문자.. 2022. 2. 20.
JS 문법 - DOM(문서객체모델) 트리 강의 소개 현재 수강하고 있는 멀티캠퍼스 k-digital 지능형 웹서비스 풀 스택 과정을 수강하며 적은 내용입니다. 교재로는 모던 자바스크립트 입문을 사용하고 있습니다. DOM 트리 웹페이지의 내용은 Document객체가 관리한다. 웹 브라우저가 웹 페이지를 읽어 들이면 렌더링 엔징은 웹 페이지의 HTML 문서 구문을 해석하고 Document 객체에서 문서 내용을 관리하는 DOM트리라 하는 객체의 트리 구조를 만든다. DOM트리를 구성하는 하나의 객체를 노드라 한다. 기본적 노드는 문서 노드, HTML 요소 노드, 텍스트 노드가 있다. 노드 객체 가져오기 1. id속성 값으로 가져오기 getElementById("id이름") 단 1개의 요소 객체에 접근할 수 있다. 2. 태그 이름으로 가져오기 getE.. 2022. 2. 19.