TIL 웹개발

Git : 코드 변경점 기록, 버전 관리 도구 github 온라인 백업, 공유, 협업, 온라인 코드 저장소 git init 코드 관리 시작 initialize, 프로젝크 시작 전 딱 한 번 입력 정확한 프로젝트 폴더(경로)에서 입력 .git 폴더 생성됨 git a

오늘은 팀원들과 미니 프로젝트를 진행하고, html, CSS 기초에 대해 다루는 강의를 들으며 개인 실습을 진행했다. 처음 배우는 것은 아니라 가볍게 복기한다는 생각으로 빠르게 진행해 보았다. login.html 구글 폰트를 적용시키고, 위치 조정 및 가운데 정렬을

오늘도 어제에 이어, css 실습과 간략한 js 강의를 들었다.js 문법 강의 부분은 간단하고 이미 알고 있던 부분이라 따로 정리하지는 않겠다. 오늘 진행된 미니 팀프로젝트도 추가하였다.myflix.html헤더 부분을 우선 만들고메인 사진과 영화 제목, 설명을 달아준다

오늘은 프로젝트를 마무리하고 발표를 통해 결과물을 공유하는 시간을 가졌다.미니 프로젝트 - 팀원 소개 페이지 만들기팀원 소개 페이지 만들기 (E)미니 프로젝트 발표발표를 통해 결과물을 공유하고 간단한 피드백을 받을 수 있었다. 다른 조의 페이지를 보면서 느끼는 점도 컸

1. JQuery 자바스크립트 라이브러리인 JQuery에 대해 배웠다. 아래처럼 긴 문장을 짧게 줄여주는 도구와 같은 것이다. 이를 활용하여 지난 번 만들어두었던 앨범 페이지와 영화 후기 페이지에 기능을 추가하였다. (1) 앨범 postingbox를 열고 닫을 수

오늘은 웹개발 전반에 대한 기초 강의를 끝마치며 firebase를 다시 한 번 실습하고 배포까지 해보았다. 또 본격적인 javascript 학습을 시작하였다.onClick을 click으로 대체하고 각 id를 부여하여 사용하였다. 실제로 입력 후 기록하기 버튼을 누르면

1. javascript 변수 자바스크립트에는 변수를 var, let, const 세 가지로 선언할 수 있다. 차이점을 정리하자면, var과 let은 변수이고 const는 상수이므로 처음 할당한 값을 변경할 수 없다. 또 var은 같은 이름의 변수를 여러 번 선언해도

(1) 암시적 형 변환(implicit coercion)(2) 명시적 형 변환(explicit coercion)(1) 산술 연산자더하기를 제외하고는 모두 Number 형태로 명시적 변환이 된다.더하기의 경우에한 String 형이 우선적으로 출력된다.\+, -, \*,

오늘은 API를 적용시켜 순수 css 자바스크립트 만으로 영화 검색 사이트를 만들기를 시작하였다.기능적인 부분들은 추가 예정이다.

jscss는 지난 번과 동일하다.fetch로 API를 가져와 목록을 출력해주었다. 또 검색 칸이 비어있을 시 alert를 해주도록 하였다. 카드를 클릭 시 해당 카드의 id값을 alert한다.모든 카드에 각각 onClick을 부여하는 것이 메모리 낭비를 유발한다는 평가

영화 콜렉션 페이지 만들기문법 - 객체git1) branch=== 복사본git branch(브랜치 목록과 현재 브랜치 위치 확인 가능, q로 종료)git branch 브랜치명(복사본 생성)git switch 브랜치명 / git checkout 브랜치명(브랜치 이동만 /

1. 배열 / 배열 메소드 1) 배열 2) 배열 메소드 push() 3) 배열 메소드 pop() 4) 배열 메소드 shift() 5) 배열 메소드 unshift() 6) 배열 메소드 splice() 7) 배열 메소드 slice() 새로운 배열을 만들어내는 메소드 8) 배열 메소드 forEach() 9) 배열 메소드 map() 10) 배열 메...

팀 프로젝트 - 영화 정보 사이트 제작 영화 정보 사이트 제작 (2)

오늘은 지금까지 공부해왔던 문법에 대한 복습과 마지막으로 git 사용법에 대해 정리해보았다. 문법에 대한 복습은 지금까지 올렸던 내용과 중복이므로 생략하도록 하겠다.a. 폴더 생성b. 초기 코드 작성c. gitinit, add, commitd. Github 레포지토리

영화 정보 사이트 제작 (3)

영화 정보 사이트 제작 (E)

오늘은 지난 번에 공부했던 문법을 복습하고 추가적으로 ES6 문법에 대해 공부했다. 반복되는 내용은 포스팅하지 않고 복습 중 새로 알게 된 부분만 기록하기로 한다. 배열 메소드 (1) reduce reduce는 다른 메소드와는 다르게 두 개의 인자를 갖는다. 쉽게 말

오늘은 리액트를 본격적으로 배우기 시작하며 자바스크립트의 복습과 리액트에 대해 공부하였다.1\. 자바스크립트 복습2\. 리액트 입문3\. To Do List 과제 연습

문자열 연습하기반복문, 조건문 연습하기문자열의 n번째 글자로 배열 정렬하기Destructuring 연습1Destructuring 연습2Destructuring 연습3Destructuring 연습4

Spread Operator 연습1Spread Operator 연습2Rest Operator 개념Rest Operator 연습정보처리기사 필기 시험 후기

Arrow FuntionConditional OperatorShort Circuit Ealuation

ES6의 기본 모듈 개념고급 모듈 기능PromiseAsyncAwait

React.js란? 프레임워크와 라이브러리 특징과 이점