javascript+node.js58 10/25 팀 과제 2 내일배움캠프 오늘 학습 내용 팀 과제 진행 : CSS 보강, 리뷰를 저장해 출력하기, validation check 등을 진행하였다. localstorage - 자신의 컴퓨터에서만 사용하는 내장 database라고 볼 수 있다. key value 식으로 데이터를 저장하며 모든 데이터는 string으로 저장되는 것 같다. setItem("key, "value") 로 저장, getItem("key")로 value 값을 가져올 수 있다. 리뷰를 저장하고 출력할 때 localstorage를 사용하였다. clear()를 통해 해당 local에 저장된 모든 내용을 지울 수 있었다. 팀과제 진행사항 CSS를 조금 더 보강해 보았다. 또, validation 함수를 추가해 불안전한 리뷰나 악성댓글들을 차단할 수 있도록.. 2023. 10. 25. 10/24 팀 과제 1 내일배움캠프 오늘 학습 내용 팀과제 발제 : 개인과제 영화 리스트 만드는 것에서 리뷰 작성 심화 과정 수업 : JS 심화 수업(JS 1주차 2주차의 심화 내용 강의를 진행하였다.) git 사용 수업 : git 사용법 숙지 팀과제 영화 리스트에서 각 영화를 클릭하면 세부 목록을 띄우는 방식으로 구현하고, 영화의 리뷰를 작성하여 등록할 수 있도록 한다. 이번 과제에서는 DB를 사용하지 않고 localstorage를 사용한다. 이번 과제에서는 새로운 API를 사용하여 영화의 정렬 또한 진행하기로 하였다. Git 사용법 Git은 분산형 저장소로 프로그램의 버전 관리를 쉽게 할 수 있다는 것이 장점이다. 팀 단위의 프로젝트를 할 때도 각자의 local에서 원격으로 구현할 수 있도록 도와주기도 한다. Git을 생성.. 2023. 10. 24. 10/23 개인과제 & web 강의 2 내일배움캠프 오늘 학습 내용 WEB 2주차 강의 듣기: CSS 활용 심화를 공부하고 bootscrap사용, JavaScript와의 연계로 동작 만들어보기 개인과제 : search를 조금 더 구현, 부분으로만 검색, 대소문자 관계없이 검색이 가능하고, 화면이 깜빡이는 문제 해결, 팀원들과 코드리뷰 해보기 WEB 강의 영화 검색 사이트를 만들어 보며 JavsScript를 어떻게 적용하는지 알아보았다. script를 사용하여 html의 동작을 javasrcipt로 구현할 수 있다. CSS는 주로 Bootstrap의 도움을 받았다. 개인과제 진행 상황 과제를 진행하며 search를 했지만 내용이 출력되지 않고 깜빡이기만 하는 문제, 영화 제목을 전부 입력해야만 검색되는 문제, 대소문자를 구분하여 검색하는 문제 .. 2023. 10. 23. 10/20 HTML & 개인 과제1 내일배움캠프 오늘 학습 내용 HTML 1주차 개인과제 웹 브라우저 작동 서버에서 브라우저가 request를 보내면 서버가 responce로 html 페이지를 띄워 주어 우리에게 화면을 보여준다. 정보만 있는 것을 CSS로 보기 좋게 꾸미고, JavaScript로 해당 웹 페이지가 동적으로 움직일 수 있게 해준다. HTML문서는 다양한 태그를 통해 내용을 나누고 사용할 수 있다. CSS는 HTML에서도 사용할 수 있는 style tag를 따로 빼낸 것에 가깝다. 이것을 이용하여 색깔, 문서 정렬, 크기, 폰트 등을 정리할 수 있다. 이런 CSS를 보다 더 보기 좋게 미리 만들어둔 것이 bootstrap이며 해당하는 코드를 가져와 버튼이나 다양한 경우에서 사용할 수 있는 리스트들을 제공한다. 개인 과제 진행.. 2023. 10. 20. 10/19 Javascript 문법 6, 개인과제 1 내일배움캠프 오늘 학습 내용 JavaScript 문법 5주차 :closure에 대한 내용 학습 5주차 과제 : 숫자를 예측해 맞추는 게임을 구현해보았다. (DOM 사용) 개인 과제 : 영화리스트를 구현하기 위해 API를 가져와 json 파일로 html에 출력하는 것까지 성공하였다. closure 함수와 그 함수가 선언된 렉시컬 환경의 조합으로 내부 함수에서 외부 함수의 범위에 대한 접근을 제공하는 것을 말한다. 함수를 호출하는 것으로는 scope가 겹치지 않기에 closure를 사용할 수 없고, 함수가 정의될 당시에 내부 함수로서 포함되어 있어야 사용이 가능하다. 이미 끝나버린 외부환경 값을 종료하지 않은 내부함수가 가지고 있을 수 있기 때문에 용이하게 사용할 수 있다. const increase = (.. 2023. 10. 19. 10/18 JavaScript 문법 5 내일배움캠프 오늘 학습 내용 JavaScript 문법 5주차: DOM의 개념, 활용하는 방법을 배우고, class에 대한 전체적인 개요를 학습하였다. DOM Document Object Modeling의 약어로 브라우저 환경에서 자바스크립트로 html 문서 내용의 객체를 접근하거나 제어할 수 있는데 도와주는 기본 api이다. html은 tree 구조로 되어있기에 children이나 parent node로의 이동 또한 가능하며, 새로운 내용을 삽입하거나 변경, 태그의 속성을 변경하는 것이 가능하다. Class class는 객체를 구현하기 위해 생성자, 메서드 등을 미리 정의해둔 일종의 틀이다. - class 의 기본 요소 생성자: class를 사용해 객체를 만들 때 그 객체가 만들어지기 위해 필요한 요소를.. 2023. 10. 18. 이전 1 ··· 6 7 8 9 10 다음
