유쾌하고, 유익하게

SEB_FE_45 Section1. Unit5. JavaScript기초 1. JavaScript JavaScript 는 원래 브라우저에서 실행하기 위해 만들어진 프로그래밍 언어이다. 이에 HTML파일과 함께 브라우저에서 실행해야 작동한다. 혹은 Node.js라는 런타임을 컴퓨터에 설치해 실행할 수 있다. 코드스테이츠에서는 학습툴로 StackBlitz을 통해 실습을 진행하였다. ※ 용어 설명 - REPL(Read-Evaluate-Print loop) : 읽고(Read), 평가하고(Evaluate), 출력(Print)을 반복(loop)하는 가장 간단한 개발 환경 - 프로그램 : 작업(task) 수행을 위한 코드모음 - 프로세스 : 프로그램 실행의 결과물 - console.log() : 개발자 도구 콘솔이나 ..

SEB_FE_45 Section1. Unit.4. HTML/CSS 활용 복습 및 페어프로그램 1. HTML/CSS 전반 복습 구조를 만드는 마크업언어인 HTML과 스타일언어인 CSS HTML은 태그들의 묶음이며, CSS는 HTML 요소를 선택자로 불러와 디자인 요소를 입힌다. 태그를 활용하여 HTML 내에서도 CSS 적용이 가능하지만, 권고하지 않는다. 그 이유는 각 언어별 역할이 있기 때문이며, 에러나 수정이 필요한 경우 빠른 피드백을 위해 별도 파일로 관리 및 업데이트 하는 것이 용이하다. HTML 태그 작성시 시멘틱 요소 사용이 권고되고 있다. HTML 또한 언어이기 때문에 데이터를 가장 잘 표현할 수 있는 요소를 선택하기 위한 고민이 필요하다. 이를 통해 개발자와 개발자, 개발자와 컴퓨터가 더 원..

SEB_FE_45 Section1. Unit 4. HTML / CSS 활용 1. 레이아웃 레이아웃이란 각각의 요소를 목적에 맞게 배치하는 것이다. 이를 위해 와이러프레임 작업을 먼저 수행해야 한다. 와이어 프레임이란 레이아웃의 뼈대를 그리는 단계이다. 와이어프레임은 선과 도형을 이용하여 인터페이스를 시각적으로 표현하는 것이며, 레이아웃과 제품의 구조를 단순하게 보여주는 용도이다.(전환효과, 애니메이션, 사용자 경험에 대한 판단은 고려하지 않는다.) 와이어프레임 단계이후에는 목업(Moke-up)을 만들어야 한다. 목업이란 대부분의 산업에서 실물크기의 모형을 의미한다. 와이어프레임과 목업이 없는 HTML은 도면없는 건물과 같다고 볼 수 있다. HTML 구성은 컨텐츠의 흐름 방향에 따라 차례대로 진행한다. 컨..

SEB_FE_45 Section1. Unit3. CSS 기초 1. CSS 기초개요 CSS란 앞선 HTML을 공부할 때 언급되었던 것처럼 HTML 문서의 시각적 효과를 표현해주는 디자인 언어이다. CSS는 웹페이지 스타일과 레이아웃을 정의하는 스타일 언어이기도 하다. CSS는 좋은 사용자 경험을 제공하기 위한 도구이다. 좋은 사용자 경험이란, HTML문서에 작성된 컨텐츠를 사용자가 잘 이해할 수 있도록 돕는 것이다. 사용자 경험(UX)은 사용자 인터페이스(UI)를 통해 구현된다. 사용자 인터페이스(UI)란, 사용자와 컴퓨터가 교류하기 위한 연결고리이다. UI가 발전하지 못했을 때는, 커멘드 입력창에 암호화된 코드를 입력해야 했기 때문에 사용자 접근성이 떨어졌다. 현재는 UI의 발전으로 인해 아이콘으로 애플..

SEB_FE_45 두번째 강의는 HTML 학습이었다. 웹개발 이해하기 HTML 기초 HTML 심화 위 순서로 강의가 진행되었으며, 각 챕터별 목표를 달성하기 위해 노력하였다. 1. 웹개발 이해하기 웹 개발 시 사용하는 언어는 HTML / CSS / JavaScript 가 주로 사용된다. HTML은 기본 구조를 표현하는 마크업 언어이다. CSS는 스타일을 표현하는 디자인 언어이다. 마지막으로 JavaScript는 이용자와의 웹페이지 간의 상호작용을 돕는 프로그래밍 언어이다. 2. Visual Studio Code(이하, VScode) VScode는 마이크로소프트사에서 만든 개발 에디터이다. 장점은 아래와 같다. 운영체제 상관없이 사용가능하다. 위의 세가지 언어 모두 편집할 수 있다. 다양한 확장프로그램(e..

개발자로의 취업을 위한 첫걸음! 비전공자인 나에게.. SNS에서는 너무나도 많은 부트캠프 정보를 전달해주었다. 많은 정보들 중 굳이 코드스테이츠를 선택한 이유는 직접 참여해본 친구가 있었기 때문! 그런데 왠걸? 예비합격자 125번??? 당연히 포기하고 있던 차에 예비합격자들도 체험 강의수강이 가능하다는 문자를 받았다. 그리고 수강을 포기하는 인원이 발생하면 추가합격도 가능하다고 한다. 처음에는 장난을 치는건가 싶었다. 125번인데 추가합격이 가능한가라는 의문이 들었다. 이에 코드스테이츠 고객센터에 전화해서 물어보았다. 답변은 기존 예비합격자들이 많이 포기한 상태라 예비번호가 앞번호라고 한다. 체험 강의는 수강을 해보기로 하였다! 4/11(화) 체험 강의 수강 시작! 첫시간에는 6개월간의 과정 소개와 참가..