사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 1, 웹 프로그래밍 기초 학습일: 2020년 3월 2일, 3일 4. Java 개발환경 설정 - BE JDK(Java SE Development Kit) 다운로드 및 설치 다운로드 다운로드 페이지 접속 → Java SE 링크 → Java SE 8의 JDK Download 링크 → 운영체제에 맞는 JDK 다운로드 설치: 기본값으로 설치 운영체제별로 다른 JDK를 설치해야 하는 이유 Java 파일은 작성 시 .java 파일로 생성되며, 실행 시 .class 파일로 컴파일됨 .class 파일은 OS 종류와 상관 없이 실행되고, 이런 특징을 'OS에 독립적'이라고 함 OS에 독립적이기 위해선 파일의 실행 환경인 JRE가 운영체제별로 필요함 JRE는 J..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 1, 웹 프로그래밍 기초 학습일: 2020년 2월 28일, 29일 2. HTML - FE HTML 태그 다양한 종류가 있으며, 각 쓰임새에 맞게 쓰는 것이 권장됨 쓰임새에 맞게 HTML 태그를 작성하는 것을 '의미론적(Semantic)'이라고 함 HTML 레이아웃 태그 레이아웃: HTML 화면의 기본적 구성 요소 예시) 상단(header), 하단(footer), 내비게이션 바(nav) 등 header, footer 등은 쓰임새가 이름에 드러나있을 뿐, 실질적으론 div와 동일하게 block element로 간주됨 HTML 본문의 경우 브라우저 호환성을 고려해야 하므로 PC와 Mobile에서의 작성 방식이 다소 다름 PC: 브라우저 호환성 이슈..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 1, 웹 프로그래밍 기초 학습일: 2020년 2월 27일 1. Web 개발의 이해 - FE / BE 웹 서버 일반적으로 소프트웨어를 지칭하나, 소프트웨어가 동작하는 컴퓨터를 지칭하기도 함 가장 중요한 기능: 클라이언트가 요청하는 HTML 문서나 각종 리소스를 전달 클라이언트: 일반적으로 웹 브라우저를 칭하지만 웹 크롤러도 포함됨 웹 브라우저, 웹 크롤러가 요청하는 리소스는 정적인 데이터, 동적인 결과 모두 될 수 있음 정적(static) 데이터: 이미지, HTML 파일, CSS 파일, JavaScript 파일 등 컴퓨터에 저장된 파일 동적 결과: 웹 서버에 의해 실행되는 프로그램을 통해 만들어진 결과물 웹 브라우저와 웹 서버 클라이언트와 서버..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 1, 웹 프로그래밍 기초 학습일: 2020년 2월 26일 1. Web 개발의 이해 - FE / BE 웹 프론트엔드와 백엔드 웹 프론트엔드 담당 분야 사용자에게 웹을 통해 다양한 콘텐츠(문서, 동영상, 사진 등)를 제공 사용자의 요청이나 요구사항(마우스, 키보드, 음성 입력 등)에 반응해서 동작 프론트엔드 개발자의 역할 웹 콘텐츠 종류에 적합한 구조를 설계 신문, 책 등의 레이아웃 생각해보기 적절한 배치와 일관된 디자인으로 시각적으로 보기 좋게 만듦 사용자의 요청을 잘 반영할 수 있도록 설계 즉각적인 소통처럼 느껴지도록 반응이 빠르고 부드럽게 이루어져야 함 사용되는 언어 HTML(HyperText Markup Language): 구조 설계 CS..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 1, 웹 프로그래밍 기초 학습일: 2020년 2월 25일 0. 소개 FE(Front End)의 Key Point: HTML, CSS를 활용해 다양한 디자인 요구사항에 맞는 레이아웃 만드는 법 BE(Back End)의 Key Point: 클라이언트와 서버, 그리고 그 사이에서 어떤 통신이 오고가는지 Tip: 웹서핑을 할 때 URL의 변화, 페이지 레이아웃의 변화, 페이지의 제작 과정 등을 머리에 떠올려볼 것 1. Web 개발의 이해 - FE / BE 웹 프로그래밍을 위한 프로그래밍 언어들 Python: 입문자가 읽기 쉽고, 적은 코드로도 프로그램을 개발할 수 있음 JavaScript: FE 개발자에게는 필수인 언어! 서버에서도 작성 가능해졌으며..

문제 / 웹사이트 알파벳 현상수배 (The Most Wanted Letter) / CheckiO 난이도 Simple / 초급 내용 알파벳으로 이루어진 문장에서, 대소문자 구분 없이 가장 많은 빈도로 나타난 알파벳을 추출하는 함수를 작성하세요. ※ 가장 많은 빈도로 나타나는 알파벳이 여럿일 경우, 알파벳 순서로 맨 앞의 알파벳 하나만을 추출합니다. 예시 mostWanted("Hello World!") == "l" mostWanted("How do you do?") == "o" mostWanted("One") == "e" mostWanted("Oops!") == "o" mostWanted("AAaooo!!!!") == "a" mostWanted("abe") == "a" 모범 답안 "use strict"; f..