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

html.json 파일 수정으로 Snippet 설정 Manage > User Snippets > html.json 위 json 파일에 아래의 코드를 추가하면, 코드가 포함된 태그를 자동 완성할 수 있다. body에 자동완성할 태그를 작성하되 \n(개행)이나 \t(탭)과 같은 이스케이프 문자를 적절히 사용해야 한다. // HTML5 lang = "ko" 코드 자동완성 "HTML5 lang-en": { "prefix": "html5-ko", "body": [ "\n\n\t\n\t\n" ], "description": "HTML5 lang-ko" }, // ul-li 코드 자동완성 "ul-li": { "prefix": "ul-li", "body": ["\n\t\n"], "description": "ul-li"..

메시지 삭제에 인색한 JANDI ㅠ 회사에서 JANDI를 사용하는데 직원들과 개인적 대화도 하게된다. 정신줄 놓고 민감한 얘기까지 하다보면 재미도 있고 스트레스도 날려 버리지만, 흔적을 지울때가 문제다. 정신을 차리고 보면 오지게도 싸질러 놓았다! JANDI는 카톡 처럼 단번에 삭제하는 기능이 없다. 메시지를 한땀 한땀 찾아내 지워야 한다. 메시지 하나를 지울때 필요한 클릭 수는 3번. 파이썬으로 1번의 클릭으로 삭제하는 코드를 간단히 짜봤다. JANDI에 내가 쓴 메시지 삭제 프로그램 코드(mouse, pyautogui 활용) # JANDI 내가 쓴 메시지 삭제 프로그램 import mouse import pyautogui import time while True: if mouse.is_pressed(..

웹 접근성의 정의 웹 접근성(web accessibility)은 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용할 수 있게 하는 방식을 가리킨다. 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모든 사용자들은 정보와 기능에 동등하게 접근할 수 있다. (출처: 위키백과) 웹 문서 설계 시 고려해야 할 이용자 유형 ○ 시각을 통해 정보를 인지할 수 없는 시각 장애가 있는 경우 ○ 청각을 통해 음향 정보를 인지하지 못하는 청각 장애가 있는 경우 ○ 신경계의 마비, 근골격계의 마비 또는 선천성 기형 등으로 신체의 움직임에 제한이 있는 지체 장애가 있는 경우 ○ 읽기나 문장 이해력이 떨어지는 언어 장애가 있는 경우 ○ 키보드나 마우스를 사용할 수 없는 장애가 있는 경우 ○ 시각, 청각 ..

"10866번: 덱" 파이썬 풀이 https://www.acmicpc.net/problem/10866 10866번: 덱 첫째 줄에 주어지는 명령의 수 N (1 ≤ N ≤ 10,000)이 주어진다. 둘째 줄부터 N개의 줄에는 명령이 하나씩 주어진다. 주어지는 정수는 1보다 크거나 같고, 100,000보다 작거나 같다. 문제에 나와있지 www.acmicpc.net 정수를 저장하는 덱에 N개의 명령어를 처리해야 한다. insert 활용 # insert 사용(결과: 맞았습니다!) import sys deq = [] for i in range(int(sys.stdin.readline())): cmd = sys.stdin.readline().split() if cmd[0] == 'push_front': deq.in..

[INITIAL] — repository를 생성하고 최초에 파일을 업로드 할 때 [ADD] — 신규 파일 추가 [UPDATE] — 코드 변경이 일어날때 [REFACTOR] — 코드를 리팩토링 했을때 [FIX] — 잘못된 링크 정보 변경, 필요한 모듈 추가 및 삭제 [REMOVE] — 파일 제거 [STYLE] — 디자인 관련 변경사항

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패턴은 무척 기대된다! 일정 및 커리큘럼 기간 : ..