메모장

참고 문서 문 (statement): 어떤 작업을 수행하는 문법 구조와 명령어쉽게 말해 코드 한 줄, 한 줄을 의미한 줄 (하나의 명령)이 끝났음을 알리기 위해 세미콜론(;) 붙이기세미콜론 (;): 자바스크립트는 줄 끝에 ;을 붙여줘야함줄 바꿈이 생기면 자동으로 세미콜론이 붙은 것처럼 해석하지만 아닌 경우도 있음 -> 오류 발생의 원인따라서, 세미콜론을 명시해주기!주석: 코드에 대한 설명//: 한 줄짜리 주석단축키: ctrl(cmd) + //* 코드~~~ */: 여러 줄단축키: ctrl(cmd) + shift(option) + /

데브코스에서 스터디로 타입스크립트 학습을 하기로 했다!하지만, 자바스크립트도 모르는 상황이라 2주 동안 기본 문법을 학습하기로 했다. 내가 하기 나름이겠지만, 끝까지 잘 마무리할 수 있기를...자바 스크립트를 학습하기 위해 기본적으로 이 문서를 이용했다.자바스크립트: 웹 페이지에 생동감을 넣기 위해 만들어진 프로그래밍 언어스크립트(script)자바스크립트로 작성한 프로그램html 파일 내부에 작성 가능웹 페이지를 불러올 때 스크립트 자동 실행 : 자바스크립트와 같은 클라이언트 사이드 스크립트를 정의할 때 사용  예제 코드 전 후  결과 html 파일 실행 시 바로 alert 메세지닫기를 누르면 화면 표시 모던 마크업위와 같이 src 속성을 갖는 script 태그 안에 코드를 작..

클라이언트: 사용자, 프론트엔드사용자 -> 프론트엔즈 -> 벡엔드 순서기 떄문정적 페이지: 웹 서버동적 페이지: 웹 어플리케이션 서버, 데이터 베이스 백엔드 개발자는 API를 만든다.API(Application Programming Interface)개인과 기업 사이의 데이터 제공을 도와줌예) 개인이 서울교통공사에서 데이터를 요청할 경우 API가 교통 공사 앞에서 요청을 처리해줌 (사용자와 기업 사이), 즉 데이터 제공인터페이스: 중간에서 양쪽에 있는 친구들을 중재/매개체가 되어주는 역할GUI: 컴퓨터(프로그램)한테 명령을 내릴 때, 그래픽을 사용해서 명령을 내리는 방식CLI: 명령어 문장(줄) 컴퓨터한테 명령을 내리는 거REST API웹(인터넷 망의 가상 공간) 개발자는 인터넷을 돌아다니기 위한 규약(..

데이터베이스(Darabase; DB): 데이터를 통합하여 효울적으로 관리하기 위한 데이터 집합체--> 데이터 구조화해 관리 -> 데이터 중복 막고 효율적이고 빠른 연산 가능DBMS(DataBase Management System)종류(브랜드): Oracle, MySQL, MariaDBSQL(Structured Query Language): 데이터베이스에 연산을 요청하기 위해 사용되는 언어데이터 생성, 조회, 수정, 삭제 등 기능 수행대표적 SQL데이터 삽입: INSERT데이터 조회: SELECT데이터 수정: UPDATE데이터 삭제: DELETE데이터 생성: CREATEDocker와 MariaDBDocker로 MariaDB 설치(설치) pocker pull mariadb도커에게 마리아db를 당겨와라 명령(..

오늘은 앞부분에 css를 잠깐 다룬 후 node js가 주로 다뤘다.간단하지만 내가 직접 서버를 만들어 보는 경험을 할 수 있었다. 앞으로 익숙해 져야할 부분이니 잘 이해하고 넘어가야겠다.지금까지는 강의를 한번에 다 듣고 정리하는 식으로 했는데, 아무래도 이제는 한 강의마다 하나씩 정리해야겠다.나중에 이 많은 양을 하려니 강의마다 코딩 변화도 많이 생겨서 더이상 이런 방식으로는 불가하다고 판단된다...CSS 실습div: 레이아웃을 나누는 의미 없는 구역p: 의미 없는 단락(=문단, paragraph)만들 페이지의 모습위 사진과 같이 css를 이용해 배치해야 했다.위와 같이 parent로 상위 class 이름을 만들어 주고, 그림과 상품 이름, order 버튼을 하나의 카드에 넣어줬다.내가 짠 css 코드..

팀빌딩이 이루어졌다.이제 막 시작 단계라 뭐가 뭔지 모르겠지만, 팀원분들이 적극적이라서 좋은 것 같다.감기로 지금 내 상태가 좋지 않은 것만 빼면 모든게 완벽,,한 것 같다...CSS의 이해:Cascading Style Sheets, HTML을 꾸며주는 언어HTML에 CSS 적용 방법인라인: HTML 태그 안에 같이상호작용: 키보드를 누름, 버튼을 클릭함인라인 방법은 각 태그 안에서 style 속성을 하나하나 작성해주는 방법여러 style 속성을 작성할 경우 세미콜론(;)을 이용함내부 스타일 시트: HTML 문서 안에 같이head 부분에 따로 style 태그를 이용해 적용태그 자체를 지정위 코드에서 h1 태그를 직접 명시해 제어class학교의 반 이름, 여러 태그들이 같은 이름의 class를 가질 수 있..

첫번째 실습 코드 Hello, html! 태그 의미!DOCUMENT htmlhtml이라는 문서 형식(type)을 선언htmlhtml 태그 영역을 시작과 끝을 알림가 국가라면, 은 국경!head와 bodyhead현재 웹문서에 대한 정보(메타데이터)body웹페이지에 보이는 부분meta메타데이터 설정웹 브라우저와 같은 서비스에 의해 사용될 수 있는 웹 문서 정보속성charset="UTF-8" -문자 셋으로 문자 인코딩 방식 설정 UTF-8로 유니코드 표준 사용 가능title 웹 페이지 제목두번째 실습 코드 We Can Go Promrammers My First Page 태그 의미h2글자를 제목으로 설정h1 ~ h6아래 글자들보다 We Can..

본격적인 코딩 학습이 시작됐다.간단하게 웹과 html 실습을 진행했다.태그 부분은 다음 게시물로 따로 정리하려 한다.Part 1. 웹웹의 이해웹의 구조웹 개발 직무 이해1. 웹의 이해World Wide Web(WWW, Web): "인턴넷"에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 "공간"웹의 특징하이퍼텍스트 형식으로 정보 표현"링크"를 이용해 이동 --> 정보/문사 연결웹페이지 vs 웹사이트여러 웹페이지를 엮으면 웹 사이트웹 브라우저데이터 또는 웹페이지를 찾거나 읽을 때 사용하는 것ex) 사파리, 크롬 등2. 웹의 구조클라이언트와 서버클라이언트: 서비스를 이용(요청)하는 컴퓨터서버: 서비스를 제공하는 컴퓨터프로토콜 : 서버 - 클라이언트 간 약속 : 통신 약속어떻게 web 사용?웹 프로..

데브코스 2주차오늘 강의는 조금,,이해도 잘 안가고 갑자기 뛰어 넘은 느낌이 강했다.다른 수업에서 일부 가져온 것 같은데, 그래서 그런지 용어도 처음 듣고...계속 검색하느라 힘들었다.그래서 오늘 글은 간단하게 정리만 하고 넘어가려고 한다.협업 tool: 협업 관리Trello기본에 충실한 툴가로로 칼럼(열)을 늘리는 기능설명 부분에 특별한 기능이 없음Jira스크럼, 스프린트에 최적화된 툴많은 기능 -> 복잡잦은 업데이트로 혼란로드맵Notion스크럼, 스프린트에 적합하진 않음보변적인 협업 툴이라 엔지니어 전용은 아님trello와 비슷하지만, 자유도가 더 높음작업별 위계 별로 X공통점 - 스프린트 - 모든 업무 투명하게 공유 - 우선 순위 - 당담자 및 관련 사람 지정 - 업무 시..

1주차의 마지막 수업으로 브랜치를 다뤄봤다. 브랜치를 마지막으로 깃에 대한 기본 실습이 끝난 것 같다. 마지막 답게,,가장 복잡했던 실습이었다.그래도 강사님 덕분에 잘 따라갈 수 있었다. 하지만 이제 정리하면서 다시 실습해야 하는데,,막막하긴 하다.브랜치 이름 규칙main branch ex) v1.2.0 -복사 이유(branch 생성 이유)와 이름 예시 1. 기능 개발: feature/login, featrue/select-product 2. 출시 준비: release-1.3, release-1.4 3. 긴급 수정: hotfix-1.2.1브랜치브랜치 생성git branch 브랜치이름-생성 및 목록 확인브랜치 이동git checkout 브랜치이름 -selct..