데브아티스트 : 보리의 개발기록

목차 1. 프로젝트 개요 2. 산출물 - 제작 웹페이지 - 발표 자료 3. KPT 회고 - Keep : 잘하고 있는 점 - Problem : 변화가 필요한 것 - Try : 시도해 볼 것 @ 기획안(와이어프레임/API) 1. 프로젝트 개요 - 대한민국 자바스크립트 백엔드의 새시대를 열 '오픈더도어' - 오픈더도어 팀을 소개하는 웹페이지를 분업해 제작 - 팀원을 소개하는 개인 웹페이지를 개별적으로 제작 프로젝트명/팀명 오픈 더 도어 프로젝트 유형 미니/단기 프로젝트 프로젝트 내용 팀소개 웹페이지 구현 프로젝트 일정 2022.11.14.(월) ~ 2022.11.17.(목), 총 4일 프로젝트 결과공개 2022.11.18.(금), 14:00 (ZOOM 회의실) 프로젝트 투입인력..

작성 방식 변경 미니 팀 프로젝트 2일차로 블로그 글을 작성할 시간적 여유가 많지 않아 블로그 작성 방식에서의 비효율적인 문제를 발견했다. 이에 글 작성 방식을 아래와 같이 변경하려고 한다. 최초 방식 구글 독스로 TIL, 해결 문제, 강의 정리 내용 등을 작성한 후 블로그 글로 다듬어 작성 최초 의도 구글 독스로 거칠게 작성한 내용을 한 번 더 읽어보며 복기 발생 문제 프로젝트 진행으로 구글 독스로 작성한 내용을 블로그 글로 다시 정리해 적을 시간이 부족함 해결 방법 - 해결 문제, 강의 정리 내용 등은 개별적으로 바로 블로그 글로 작성/필기 => 비공개로 게시 후 주말 등 여유 시간에 정리 작성 *초안을 게시하고 공개하는 방식으로 블로그를 운영한다면 방문자로 하여금 작성 글에 대한 질적인 판단을 초안..

목차 1-1. 깃이 없으면? 1-2. 버전 관리를 위한 도구 git 2-1. 깃허브 2-2. 관련 GitBash 명령어 3-1. 브랜치가 없다면? 3-2. 브랜치 버전의 분기 관리방법 3-3. 관련 GitBash 명령어 4. 충돌 5. 원격 저장소와의 4가지 상호작용 강의개요 - 강의일시 : 2022.11.14.(월) 16:00~18:00 - 담당튜터 : 강민철 튜터님 (혼자 공부하는 컴퓨터 구조+운영체제 저자) - 강의내용 : Git에 대한 개념/이해/기능 강의내용 1-1. 깃이 없으면? 변경 내역 확인이 어렵다 작업을 되돌리기 어렵다 협력하기 어렵다 기껏 만들었는데 유저 반응이 너무 안좋거나, 버그가 너무 많았을 때 기존의 버전으로 롤백한다고 가정하면 어떤 부분을 삭제/추가했는지 기억할 수 없음 =>..

목차 1. 프로젝트 개요 2. 기획안 - 콘셉트 키워드 - 페이지 구성 (와이어프레임) 3. 개발기능 API 4. 프로젝트 관리툴 및 개발환경 @ 개발 요청서 1. 프로젝트 개요 대한민국 JavaScript 백엔드 개발의 새시대를 열기 위해 온 그들, '오픈더도어' 팀을 소개합니다. 프로젝트명/팀명 오픈 더 도어 프로젝트 유형 미니/단기 프로젝트 프로젝트 내용 팀소개 웹페이지 구현 프로젝트 일정 2022.11.14.(월) ~ 2022.11.17.(목), 총 4일 프로젝트 결과공개 2022.11.18.(금), 시간 미정 프로젝트 투입인력 오픈더도어팀 전원(총 5인) *이보형(팀장) / 김정민 / 장동규 / 장승윤 / 전규렬 2. 기획안 : 콘셉트 키워드 / 페이지 구성 (와이..

목차 1. 결론 2. 들어가는 말 3. 답을 찾는 과정 @ 참조링크 1. 결론 if (1

목차 - 반복되는/해야 하는 코드가 무엇인지 정확하게 파악하자 1. 배열 만들기 : [요소, 요소, ..., 요소] 2. 배열 요소에 접근 : 배열[인덱스] 3. 배열 요소 개수 확인 : 배열.length 4. 배열 뒷부분에 요소 추가 : push(), 인덱스 5. 배열 요소 제거 : splice(), indexOf() 6. 배열의 특정 위치에 요소 추가 : 배열.splice(인덱스, 0, 요소) +. 자료의 파괴적/비파괴적 처리 1. for in 반복문 2. for of 반복문 +. for in/of 반복문 차이 확인 3. for 반복문 4. while 반복문 +. break 키워드 +. continue 키워드 @ 예제 문제 1-1) 피라미드 만들기(반쪽) 1-2) 피라미드 만들기(반쪽, *의 개수가 ..

목차 - 성능 향상을 위해 if 대신 else를 쓴다 - if (1

목차 - Number(), String(), Boolean() 함수는 객체 생성자로 반드시 대문자로 시작한다 - 복합대입연산자를 이용하자 1. 문자열 자료형 - 문자열 만들기 - 문자열 연산자 - 문자열 길이 구하기 - 구문 오류 2. 숫자 자료형 - 숫자 만들기 3. 불(boolean, 불린) 자료형 - 불 만들기 - 불 부정 연산자 - 불 논리합/논리곱 연산자 4. 자료형 검사 +. 템플릿 문자열 : 백틱(`) +. ===, !== 연산자와 ==, != 연산자 1. 상수 - 구문오류 2. 변수 - 구문오류 - 변수에 적용할 수 있는 연산자 - 증감 연산자 3. undefined 자료형 1. 문자열 입력 : prompt( 메시지 문자열, 기본 입력 문자열) 2. 불 입력 : confirm(메시지 문자열..

목차 - JS(자바스크립트)에서 변수는 고정된 타입이 없다 1. JS로 할 수 있는 것들 - JS의 역사? - JS로 할 수 있는 것들? 2. JS 버전 +. 모바일 애플리케이션 종류 1. 개발환경 설치 - 개발환경이란? - [참고] Stack Overflow 2022년 IDE 선호도 조사 TOP10 - 개발환경 설치 2. 코드 실행하기 - 구글 크롬 콘솔에서 실행 - 파일 만들고 저장해 실행 (VScode) - [참고] VScode의 코드작성 보조기능이 동작하지 않으면? - [참고] 오류 - [참고] 코딩 스타일/컨벤션(convention) 1. 표현식, 문장, 프로그램 2. 키워드(예약어), 식별자, 주석 3. 출력 - 간단한 표현식 결과 확인하기 - 경고창에 출력하기 - 콘솔에 출력하기 WIL : ..

목차 1. 결론 2. 들어가는 말 3. 험난한 구글링 과정 @ 참조링크 1. 결론 'W3C URL 권고'에 대한 페이지에서 #를 프래그먼트 식별 기호로 쓸 것을 명시하고 있기 때문이 아닐까 싶다. 프래그먼트 식별 기호(#의 뒷부분에 나오는 내용을 이렇게 부름)에 대한 우물정자(해쉬 / #) 우물정자("#", ASCII 23 hex) 문자는 프레그먼트 식별 기호에서 객체의 URL을 분리하기 위한 구분문자이다. Hash for Fragment Identifiers The hash ("#", ASCII 23 hex) character is reserved as a delimiter to separate the URI of an object from a fragment identifier. - 출처 : W3C ..