부트캠프38 [TIL] 유데미X사람인 취업 부트캠프 13일차 / SQL 쿼리문 SELECT~GROUP BY [1. 오늘 배운 것] 1. SELECT문 - 테이블 내에서 검색할 때 쓰이는 명령어 - 기본 구조 : SELECT column_name FROM table_name - *(전체)를 사용하는 경우, 데이터베이스 서버와 애플리케이션 사이의 트래픽이 증가하여 결과 검색이 느려짐 - *은 전체 테이블이 꼭 필요하지 않은 이상 사용하지 않는 것이 좋음 - SELECT * FROM actor : actor라는 테이블의 전체 컬럼을 조회한다 - SELECT first_name , last_name FROM actor : actor테이블에서 first_name , last_name 컬럼을 조회한다. 컬럼의 순서는 작성한대로 출력된다 - 굳이 대문자로 작성하지 않아도 되지만 표준화된 작성법이 대문자 2. SELECT .. 2024. 1. 2. [TIL] 유데미X사람인 취업 부트캠프 12일차 / react-상태 [1. 오늘 배운 것] 1. react - 상태 - 웹사이트는 어느 상태에 있는데, 그 상태가 여러개일 수 있다 - 리액트는 상태를 관리하며 상태가 변경될 때마다 그에 따라 UI를 변경해준다 - 상태를 등록하고 이벤트 리스너를 생성해서 언제 바뀔지 알려줘야 한다 2. EventListner추가하기 - 이벤트를 추가하려면, on으로 시작하는 camelcase형식의 이름을 추가해야한다 - function 이벤트_이름을 작성하고 이벤트를 발생시킬 곳에 onchage={이벤트_이름} 추가 - 아래와 같은 코드에서는 textarea id="body"인 곳에서 변동이 발생할 때 마다 함수 changeBodyHandler가 호출됨 3. 상태 적용하기 - 입력한 문자를 출력하기 위해 변수 enteredBody를 사용한.. 2023. 12. 29. [TIL] 유데미X사람인 취업 부트캠프 11일차 / react 1. React란? - 사용자 인터페이스 구축을 위한 자바스크립트 라이브러리 - 브라우저의 자바스크립트를 사용해 웹페이지와페이지에 표시되는 사용자 인터페이스를 재로딩없이 업데이트함 - 자연스러운 화면 전환 가능 2. 필요한 이유 - 자바스크립트만 사용하는 것은 번거롭고 오류도 발생하기 쉬움 - 리액트는 코드 내에 html코드 삽입 가능 - 복잡한 애플리케이션을 구축할 때 효과적 3. 바닐라 자바스크립트 vs 리액트 - 바닐라 자바스크립트는 명령형으로 작성 => 거쳐야 할 단계 정의 - 리액트는 선언형으로 작성 4. 리액트 프로젝트 생성하기 - React - CodeSandbx를 사용해서 프로젝트를 생성하면 node.js 실행 명령어를 쓸 필요가 없다 5. 자바스크립트 주요 내용 - 인라인 방식보다 자바스.. 2023. 12. 28. [TIL] 유데미X사람인 취업 부트캠프 10일차 / javascript의 if~else문과 반복문 [1. 오늘 배운 것] 1. 이중등호, 삼중등호 - 이중등호(==)를 사용하는 경우 값만 비교 - 삼중등호(===)를 사용하는 경우 값과 타입을 비교 2. 문자의 비교 - 문자를 비교할 때에는 같은 인덱스의 문자끼리 비교 3. 비교연산자 - 괄호가 없을 경우, &&연산자가 ||연산자보다 우선순위 4. if-else를 활용해서 글자 수 경고 만들기 - 글자 수는 최대 60까지 쓸 수 있다 - 남은 입력가능한 글자 수가 10이면 경고색으로 바뀐다 html Product Name 60/60 Submit css body { font-family: sans-serif; background-color: rgb(36, 35, 30); } form { margin: 3rem auto; width: 90%; max-wi.. 2023. 12. 27. [TIL] 유데미X사람인 취업 부트캠프 9일차 / javascript, DOM을 이용한 작업 [1. 오늘 배운 것] 1. 전역 window&document - 전역변수 : 항상 코드 내에서만 사용 - alert() = window.alert() 2. DOM이란 무엇일까? - Document Object Model - 웹 개발의 개념으로 작성된 코드를 분석해서 데이터와 브라우저의 내부를 표현하는 것을 설명해주는 역할 - JTML 코드의 자바스크립트 표현이 있고 이 HTML 구조가 자바스크립트 객체의 구조로 변환되었기 때문에 자바스크립트 코드는 DOM과 상호작용 가능 3. DOM 탐색 - 자바스크립트에 console.log(window)를 입력하면 html 코드를 그대로 볼 수 있다. - 자바스크립트에 console.dir(window)를 입력하면 모든 메소드와 속성을 확인할 수 있다. - 자바스크.. 2023. 12. 26. [TIL] 유데미X사람인 취업 부트캠프 8일차 / javascript기초 이해(함수, 배열, 메서드 등) [오늘 배운 내용] 1. 자바스크립트란? - 코드를 작성하는 데 사용되고 서버로 반환되는 언어 - 브라우저에 의해 실행될 수 있는 유일한 언어 - 사용자가 보는 페이지에 쌍방향 소통 기능을 추가함으로써 로딩된 페이지를 실제적으로 바꿈 2.기본 자바 스크립트 작업 - 사이에 자바스크립트 작성 - alert : 알림 - 결과 - 순서대로 알림이 뜬다 3. 변수 컨테이너 소개 - let으로 값 설정 시작 - 값 재설정 가능 - 변수명에 -, :, /, 공백 사용 불가 - 변수명: camelcase 방법을 주로 따름 - 결과 - 순서대로 알림이 뜬다 - 문장 끝에 세미콜론을 사용할 수 있다 4. js 파일과 html파일 연결 5. 배열 let hobbies = ['sports', 'cooking', 'readi.. 2023. 12. 22. 이전 1 2 3 4 5 6 7 다음
