Today Hailie Learned

mkdir ~/Desktop/codestates 👉Desktop 파일안에 codestates 파일을 만드세요. cd ~/Desktop/codestates 👉codestates 파일 안으로 들어가세요. mkdir my-app 👉my-app 파일을 만드세요. cd my-app 👉 my-app 파일로 들어가세요. touch index.html style.css 👉 index.html, style.css 파일을 만드세요. ls 👉현재 폴더에서 모든 폴더와 파일을 보여주세요. index.html style.css 👉touch 명령어로 만든 index.html, style.css이 있습니다. git init 👉 작업공간에 local Git repository를 생성합니다. **git clone 시 git in..

문제사항 아래 표에서 사진 - 내용 - 체크표시를 담고 있는 전체 영역의 justify-content 를 space-between으로 설정했다. 그랬더니 가운데의 내용 영역에 따라 가운데 배열이 되서 전체적으로 깔끔하지 못한 인상을 주고 있다. 내가 만들고 싶은 것 가운데 내용 영역의 글자 길이에 영향을 받지 않고, 제목은 왼쪽에 붙이고, 아이디와 날짜는 오른쪽으로 붙이고 싶다!  해결과정 1. 개발자 도구에서 영역을 확인한다. 👇 내용이 1줄이 안되는 부분에는 보라색으로 빗금이 있다. 이 부분을 없앤다면 내가 원하는 대로 만들 수 있다는 것을 알았다!! 2. 사진 - 내용 - 체크표시를 담고 있는 전체 영역의 크기를 내가 임의로 설정해주자! (맨 위 사진에서 파랑색 영역) width, heigh를 설..

[목표] 로컬 Git 리포지토리를 직접 생성할 수 있다. staging area의 개념에 대해서 이해하고 git add로 staging area에 변경한 코드를 추가할 수 있다. git commit 으로 자신이 작업한 결과물을 기록할 수 있다. 로컬 Git 리포지토리란? 로컬 Git 리포지토리는 자신의 컴퓨터(로컬 환경)의 작업 공간에 위치한 Git 리포지토리이다. 컴퓨터 하드 드라이브에 원하는 디렉토리로 이동해서 로컬 Git 리포지토리를 추가하면 해당 디렉토리의 파일 변화를 감지할 수 있다. 반대로, Github에서 생성한 리포지토리는 원격(remote) Git 리포지토리라고 부른다. 내 컴퓨터 상에는 없지만, 원격에 존재하는 리포지토리이다. 로컬 Git 리포지토리: 내 컴퓨터의 저장소, 내 개인 전용..

코드스테이츠에서 주최한 5월 면접 특강을 듣고 정리했습니다. 전 우아한형제들 현 한샘 신희송 연사님의 강의였습니다. 면접은 무엇을 검증하려는걸까? 자기소개 지원동기 역량 프로젝트 경험(성공과 실패) 문제 해결 능력 나의 장점과 단점 꾸준한 성장 진실됨 협업 능력 성장 가능성 ... 면접은 팀리더 (개발자)와 회사 임원이 본다. 팀리더의 속마음: 우리팀에 능력자가 필요해! 임원의 속마음: 인성/ 태도/ 협업/ 비젼이 있는 사람이 필요해! 1. 자기소개를 준비할때 나만의 키워드 생각하기 어떤 이미지를 남기고 싶은지 미리 생각하기 그동안 어떻게 준비해왔고, 노력했는지 정리해서 말하는 연습하기 어떤 사람으로 성장하고 싶은지 생각하기 비전공자라면 '대학 전공으로 시간과 돈이 아깝지 않나요?'라는 질문이 들어올 수..

유효성 검사 사이트에서 원하는 조건에 맞게 반드시 형식을 맞춰 입력해야 하는 경우 특정 값은 반드시 입력해야 합니다. (아이디, 이메일, 비밀번호, 이름, 전화번호 등) 비밀번호는 n 자릿수 이상이어야 하고, 숫자나 특수문자를 반드시 포함해야 합니다. 비밀번호와 비밀번호 확인란에 입력된 문자가 동일해야 합니다. 신용카드의 경우, 입력한 신용카드의 번호가 유효해야 합니다. 유효성 검사의 목표 작동이 가능한 MVP(Minimum Viable Product)를 만들어 내는 것 MVP : 최소 기능 제품(Minimum Viable Product, MVP)는 고객의 피드백을 받아 최소한의 기능(features)을 구현한 제품 DOM 기초 실습을 통해, 구체적인 사용법을 익힐 수 있다. - querySelector..

DOM (Document Object Model) DOM은 HTML 문서를 파싱한 결과물이다. HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조이다. HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model이다. 즉, JavaScript를 사용할 수 있으면, DOM으로 HTML을 조작할 수 있다. DOM의 개념을 이해한다. DOM의 구조를 파악하고, HTML과 DOM이 어떻게 닮아있는지 이해한다. HTML에서 JavaScript 파일을 불러올 때 주의점에 대해서 이해한다. [심화]DOM과 JavaScript의 차이에 대해 이해할 수 있다. HTML에 JavaScript를 ..

1. 인스타그램, 페이스북 같은 모바일 앱 리엑트 네이티브를 활용하자. 자바스크립트를 기반으로 프로그래밍할 수 있는 환경이다. https://reactnative.dev/ 2. 디스코드 같은 비디오 앱 & 오디오 앱 브라우저에서 프로그램이 돌아가는 비디오 앱 webRTC 기술을 사용. 자바스크립트로 만든 신디사이저도 존재한다. https://www.websynths.com/ 3. 아두이노, 라즈베리 파이 같은 로봇 및 IoT 디바이스 앱. JohnnyFive라는 라이브러리 활용해서 LED, 각종 모터, GPS, 적외선 센서, 근접 센서 등등 하드웨어를 제어할 수 있다. 4. 카카오톡이나 페이스북 메신저 같이 플랫폼에서 챗봇 기능 제공하는 챗봇 AI 스피커에도 적용가능 https://developers.k..

제주 코딩 베이스캠프의 Javascript 100제 중 문제28 : 2-gram 를 풀던 중 만난 오류 입니다. 입력창으로 직접 문자열을 입력받은 후, input 이라는 변수에 할당을 해줍니다. 그리고 input의 타입이 정말 문자열에 속하는지 확인합니다. 반복문을 통해 원하는 문자의 자리를 출력합니다. 여기서 저는 for 반복문 안에 return 을 써서 바로 제가 원하는 값을 출력하려고 했습니다. 이 도중에 만난 에러 Uncaught SyntaxError: Illegal return statement 여기서 이 에러가 난 이유 : return 은 함수 블록 내부에서만 사용된다. 그런데 위의 코드에서는 function이 없으므로 return 을 쓰면 에러가 난다. return only makes sen..

prompt() 입력창의 제목 부분에 메시지를 삽입할 수 있고, 창 입력 공간에 메시지를 삽입할 수 있다. const 행성 = [ '수성', '금성', '지구', '화성', '목성', '토성', '천왕성', '해왕성', ]; const num = prompt('몇 번째 행성이 궁금한가요?'); console.log(행성[num - 1]); 입력한대로 콘솔창에 로그된다. 4를 입력한다면 화성이 출력된다. const 행성 = [ '수성', '금성', '지구', '화성', '목성', '토성', '천왕성', '해왕성', ]; const num = prompt('몇 번째 행성이 궁금한가요?', '9번째 명왕성은 제외되었습니다.'); console.log(행성[num - 1]); prompt("윈도우창", "입력창..