3차시 중반부터 4차시까지 CSS(Cascading Style Sheets)를 다루었다. 멘토님께서는 프론트엔트 개발자의 경우 CSS 학습의 1차 목표를 코드를 처음부터 직접 짜는 수준보다는 보고 이해하는 수준으로 맞추라고 하셨다. 실무에서는 웹퍼블리셔가 기본 작업을 해서 넘겨주기 때문이고, bootstrap의 도움을 받으면 되기 때문이다. 다른 주제이지만 수업 중 DB 테이블 설계 사례를 보여 주셨다. 예전에 근무했던 회사의 MES가 마리아 DB로 설계되어 있었는데 복잡한 테이블 들을 볼 수 있었다. 압도적인 복잡함이 아직도 인상적이다. 설계 방법이 궁금했는데, 이번 부트캠프 과정에서 다룬다고 하니 무척 기대된다. 멘토님은 테이블 설계에 있어서 도메인에 대한 지식이 매우 중요함을 강조하셨다. CSS 주..

1~4차시까지 HTML부터 CSS까지 배울 수 있었다(5차시에 CSS로 자소서 페이지를 만들어 보는 실습이 남아 있기는 하다). 1차시에는 VS Code와 Extension, GitHub Desktop, Node.js 등을 설치 및 세팅한 후 HTML의 기본적인 내용을 약간 다루었다. 그 내용은 "[개발자의품격][부트캠프][1기][1차시] HTML 주요 포인트"에서 간단히 정리하였다. HTML 주요 포인트 2차시부터 본격적으로 HTML 속으로 들어갔다. 텍스트 포맷팅 관련 태그들 중 과 가 있다. 둘 다 이탤릭체로 텍스트를 보여준다. 하지만 용도에는 완전한 차이가 있다. 사람의 눈과 달리 컴퓨터(검색엔진, 스크린 리더)는 이를 명확히 구분한다. 멘토님은 이 점을 매우 강조하셨다(이러한 강조는 CSS가 끝..

HTML 주요 포인트 이 페이지에 정리된 내용은 HTML 첫번째 수업의 전체가 아닌 일부분에 해당한다. 개인적으로 다시보고 기억하고 싶은 주요 포인트만 담았다. 여기에는 포함되어 있지 않지만 GitHub Desktop과 VS Code를 이용한 Git관리는 매우 유용했다. Git을 처음 접했을때 CLI에서 따라했던 기억이 있어 난해하게 여겨졌었는데, GUI에서 쉽게 커밋했다! tag 와 element 는 tag이다. tag를 이용해서 요소(element)를 만든다. tag는 블록 요소(block element)와 인라인 요소(inline element)로 구분된다. empty element empty element : 요소를 가지고 있지 않으므로, 시작 tag만 있고 종료 tag는 없다. img tag에서..

개발자의 품격에서 준비한 기업 개발자 취업을 희망하는 웹 개발자 양성 부트 캠프(저녁반) 기업용 ERP, CRM, SCM 등에 특화된 부트 캠프이다. 이번 과정은 풀스택 과정으로 볼 수 있으나, 백엔드는 Node.JS를 다룬다(국내에서는 Spring이 주류). HTML, CSS, Javascript로 기본기를 다지고, Vue.js로 프론트엔드를 완성한다. HTML, CSS, Javascript, 부트스트랩, Vue.js, Node.JS를 학습할 수 있는 자료는 어디든 널려 있다. 이 과정의 차별점은, 국내외 유수의 기업용 애플리케이션을 개발한 멘토님의 노하우(실무에서 바로 사용 가능한)를 직접 전수 받을 수 있다는 점이다. 특히 기업용 애플리케이션의 UI패턴은 무척 기대된다! 일정 및 커리큘럼 기간 : ..

2022 개발자의 품격 부트캠프 첫 수업이 시작되었다. "시작이 반이다!" 개발환경 설정에 어울리는 말이다! HTML, CSS, JavaScript 를 VS Code에서 작성할 때 유용한 Extension을 정리하였다. Prettier - Code formatter는 특히 인상적이었다. JavaScript (ES6) code snippets publisher: charalampos karypidis ES6를 포함한 자바스크립트 코드 자동완성. HTML Snippets publisher: Mohamed Abusaid HTML 코드 자동완성. HTML CSS Support publisher: ecmel CSS에서 색상표를 직관적으로 볼 수 있는 기능 등. ESLint publisher: Microsoft 자..