부스트코스
-
[부스트코스] 프로젝트 코드리뷰 후기카테고리 없음 2020. 3. 28. 02:19
부스트코스 웹프로그래밍 강좌를 들으면서, 처음으로 프로젝트 코드리뷰를 받아보았다. 코드리뷰어는 무려 네이버, 라인, 카카오 등의 현직 개발자분들이 해주시기 때문에, 현직자분들께 직접 코드리뷰를 받을 수 있는 것이 얼마나 큰 기회인가 싶었다. 나는 가장 첫 프로젝트 '나를 소개하는 홈페이지 만들기'를 했다. 부스트코스 서포터즈에 활동하고 있다면, 총 3번의 코드리뷰를 무료로 받을 수 있다. 프로젝트는 간단히 html, css 로 만든 정적 웹페이지와, 서블릿을 이용해 톰캣 서버에 올려보는 것이었다. 작업지시서가 꽤 자세하게 적혀있는데, 은근히 하나하나 조건에 부합하게 만드는게 재밌었다. 프론트엔드는 그맛이지..ㅎㅎ 작업지시서가 원하는대로 아무생각없이 코드를 짜다보면 완성! 백엔드를 통과하면, 프론트엔드 첨..
-
[부스트코스] Web UI 개발 - FECS기초/웹 2020. 3. 20. 23:49
* 이 글은 부스트코스의 강좌를 듣고 작성되었습니다. https://www.edwith.org/boostcourse-web/lecture/16698/ [LECTURE] 1) window 객체(setTimeout) : edwith 들어가기 전에 전역객체(window)에 속한 메서드에는 경고창을 띄워주는 alert 그리고 setTimeout이라는 메서드등이 있습니다. 이를 어떻게 사용하는지 그리고 다른 함수와... - 부스트코스 www.edwith.org 1. window 객체 (setTimeout 과 비동기) window 는 전역객체라 생략도 가능하다. 디버깅시 자주 쓰는 alert이나 setTimeout 등의 메서드 들이 window 객체에 있다. setTimeout 은 비동기적으로 동작되는 메서드다. ..
-
[부스트 코스] 자바스크립트 - FE프로그래밍 언어/Javascript 2020. 3. 13. 23:39
변수 유효범위가 달라진다. var - ES6 에서 이제 안씀 const - 한 번 할당 후에 재할당 안됨 let *var 은 전역객체에 생성이 되고, let 과 const 는 전역객체에 생성이 되지 않는다. 타입 원시타입 -숫자 -문자열 -논리값 -특수한 값(undefined, null) -심벌 객체타입 -원시타입 외 값. 배열, 함수, 정규 표현식 등등 타입은 선언할 때가 아닌, 실행타임에 결정된다. 타입체크를 할때는 기본타입은 typeof 키워드를 사용하고, typeof 로 확인할 수 없는 것들은 toString.call 을 이용한다. 배열의 타입을 체크할 경우에는 isArray 함수가 표준으로 있다. 비교연산자 0 == false; "" == false; null == false; 0 == "0";..
-
[부스트 코스] 서블릿이란?카테고리 없음 2020. 3. 6. 23:41
* 본 글은 아래의 강의를 듣고 작성되었습니다. https://www.edwith.org/boostcourse-web/lecture/16686/ [LECTURE] 1) Servlet 이란? : edwith 들어가기 전에 웹 어플리케이션은 정적인 콘텐츠와 동적인 콘텐츠로 나누어 볼 수 있습니다. 프로그램을 수행해서 페이지를 동적으로 만들어 주는 서블릿에 대해서 알아봅니다. 학습 목표 ... - 부스트코스 www.edwith.org 자바 웹 어플리케이션 WAS에 설치되어 동작하는 어플리케이션 자바 웹 어플리케이션에는 HTML, CSS, 이미지, 자바로 작성된 클래스, 각종 설정 파일 등이 포함된다. 또 이것들이 하나의 웹 어플리케이션에 여러개 포함될 수가 있다. 자바 웹 어플리케이션의 폴더 구조 반드시 폴더..
-
[부스트 코스] CSS 기초 문법 (우선순위, 선택자, 레이아웃 구성)CS기초/웹 2020. 2. 13. 00:58
* 이 글은 부스트코스의 웹 프로그래밍 강좌를 수강하고 작성되었습니다. https://www.edwith.org/boostcourse-web/joinLectures/12952 [부스트코스] 웹 프로그래밍 강좌소개 : edwith - 부스트코스 www.edwith.org 1. CSS 선언 방법 CSS 선언방법은 다음과 같다. 괄호 { } 는 객체를 표현한다. 그 안에 따옴표 없이 프로퍼티 이름을 쓰고 값을 준다. 스타일을 HTML 페이지에 적용하는 세가지 방법이 있다. inline : HTML 태그 안에다가 넣는 방법 internal : head 안에 바로 style 태그로 지정한다. 구조와 스타일이 섞이게 되므로 유지보수가 어렵다. 별도의 CSS파일을 관리하지 않아도 되며 서버에 CSS파일을 부르기 위해..
-
[부스트 코스] HTML - FECS기초/웹 2020. 2. 6. 13:45
[부스트코스] 웹 프로그래밍 강좌소개 : edwith - 부스트코스 www.edwith.org 1. HTML Tags 태그란, HTML 문서를 구성하는 명령어다. 링크나 이미지, 목록, 제목 등 HTML 을 구성하는 것들에 태그를 단다. 태그의 종류는 매우 많기 때문에, 구글링해서 참고할 수 있다. https://www.w3schools.com/TAGS/default.ASP 를 보면, 태그들이 나와있다. 2. HTML Layout 태그 레이아웃을 구성하는 태그에는 다음과 같은 것들이 있다. header section nav footer aside article 이들은 각각 다음과 같이 구성된다. 사실 이름만 저렇지, div 랑 똑같이 처리되기는 한다. 위의 레이아웃 태그들은 HTML5 부터 나와서 IE ..
-
[부스트 코스] 웹 개발의 이해 - FE/BECS기초/웹 2020. 2. 6. 01:55
* 이 글은 부스트 코스 웹 프로그래밍 강좌를 듣고, 작성되었습니다. https://www.edwith.org/boostcourse-web/joinLectures/12952 [부스트코스] 웹 프로그래밍 강좌소개 : edwith - 부스트코스 www.edwith.org 1. 웹 프로그래밍을 위한 프로그램 언어들 저급언어 : 기계 중심의 언어 고급언어 : 사람 중심의 언어 컴파일러 : 어셈블리어를 기계어로 바꿔줌. 또는 소스코드를 기계어로 번역해주는 도구 컴퓨터, 즉 기계가 직접 알아들을 수 있는 0과 1의 2진수로 이뤄진 값으로 작성하는 프로그래밍 언어를 기계어라고 한다. 기계어는 사람이 프로그래밍하기 굉장히 어렵기 때문에, 이 기계어의 숫자와 1:1 대응시킨 기호를 만들고, 이 기호로 프로그래밍을 하게 ..