1️⃣ DML 1) LIKE : 데이터에서 유사한 값 찾기 특정 문자가 포함된 문자열을 찾고 싶을 때 사용하는 명령 SELECT * FROM book WHERE title LIKE '어린왕자'; % (와일드카드)를 이용한 특정 문자가 포함되는 데이터 검색 (패턴 검색) SELECT * FROM book WHERE title LIKE '%왕자'; -- SELECT * FROM book WHERE title LIKE '%왕자'; -- SELECT * FROM book WHERE title LIKE '%왕자%'; 💡 TIP LIKE 문은 대소문자를 우선순위로 구분합니다. 예를 들어, th로 검색을 한다면 th > Th > TH 순으로 정렬되어 검색합니다. 2) ORDER BY : 데이터 정렬하기 데이터를 검색..
벌써 트랙이 11주차에 접어들어 합격 후기를 올리기에는 늦은 감이 있지만 엘리스 AI트랙 5기 합격후기와 11주차까지의 진행 후기를 작성해보려고 한다! 1️⃣ 엘리스 AI트랙 5기를 지원하기 전 나의 상황? 실력? 우선 엘리스 AI트랙을 듣기 전까지 나의 커리어는 - 비전공자 - 웹퍼블리셔 국비지원교육 - 웹퍼블리셔 근무 - 자바 백엔드개발자 국비지원교육 백엔드개발자 과정을 수료하고 취업준비를 하면서 직무에 대한 고민을 많이 했는데 나는 퍼블리셔로 웹분야에 입문해서 그런지 프론트엔드 직무가 나한테 더 잘맞아서 프론트엔드 개발공부를 독학으로 진행하였다. 그치만 내 성향상 독학으로 공부하면 텐션이 조금 쳐지기도 하고 개인 프로젝트 위주로만 진행하게 되서 부트캠프나 국비지원교육을 알아보기 시작했었다. 이런저런..
1️⃣ 데이터베이스 란? 여러 사람이 공유해 사용할 목적으로 통합하여 관리되는 데이터의 모음 - Maria DB, Amazon Redshift, Oracle DB 등 많은 종류가 존재한다. - 데이터베이스의 종류에 따라 사용 방법이 조금씩 다르다. - 하지만, 데이터베이스에서 검색과 분석에 사용되는 기본 사용 방법은 데이터베이스 종류와 상관없이 동일하다. 1) 관계형 데이터베이스 : 하나 이상의 테이블로 이루어지며 서로 연결된 데이터를 가지고 있다. ex) MySQL, Oracle, MSSQL 등 ✅ 관계형 데이터베이스는 SQL을 통해 제어 가능하다. ✅ 테이블의 구성요소 - 컬럼(Column)과 레코드(Record)로 구성된다. ( 컬럼 = 주제, 제목 / 레코드 = 내용, 값 ) - 모든 테이블은 고..
React – A JavaScript library for building user interfacesA JavaScript library for building user interfacesreactjs.org React 상태 관리 ▶ 상태 관리에 사용되는 Hooks useState, useRef, useContext, useReducer 외부 라이브러리 없이 React가 제공하는 Hook만으로 상태 관리를 구현하기 위해 사용한다.함수형 컴포넌트에 상태를 두고 여러 컴포넌트 간 데이터와 데이터 변경 함수를 공유하는 방식으로 상태를 관리하게 된다. 1) useState const [ state, setState ] = useState(initState | initFn) - 단순한 하나의 상..
React – A JavaScript library for building user interfacesA JavaScript library for building user interfacesreactjs.org Flux Pattern ▶ Flux Pattern 이란? 2014년에 Facebook에서 제안한 웹 애플리케이션 아키텍처 패턴 - Unidirectional data flow를 활용, 데이터의 업데이트와 UI 반영을 단순화한다.- React의 UI 패턴인 합성 컴포넌트와 어울리도록 설계되었다.- redux, react-redux 라이브러리의 Prior art. ▶ Flux Pattern vs. MVC Pattern MVC Pattern 애플리케이션을 Model, V..
React – A JavaScript library for building user interfacesA JavaScript library for building user interfacesreactjs.org React 상태 관리 ▶ 상태 관리 기술이란? 상태 관리 기술이란 앱 상에서의 데이터를 메모리 등에 저장하고 하나 이상의 컴포넌트에서 데이터를 공유하는 것한 컴포넌트 안에서의 상태, 여러 컴포넌트 간의 상태, 전체 앱의 상태 관리를 모두 포함한다. ▶ MPA와 SPA에서의 상태 관리 MPA에서는 서버의 데이터를 이용해 페이지를 렌더링하므로 클라이언트의 데이터와 서버의 데이터가 큰 차이를 가지지 않는다. SPA에서는 자체적으로 데이터를 갖고 서버와의 동기화가 필요한 데이터만을 처..
React – A JavaScript library for building user interfacesA JavaScript library for building user interfacesreactjs.org POSTMAN POSTMAN은 API를 테스트하기 위한 개발 도구 서버와의 통신을 위해 API를 활용하는 경우, React 앱으로만 요청하여 API가 잘 동작하는지 알아보는 건 비효율적이며 수많은 API의 endpoint와 실행 조건 등을 관리하는 것도 어려운 일이다. - Auth, header, payload, query 등 API 요청에 필요한 데이터를 쉽게 세팅할 수 있다.- 다른 개발자가 쉽게 셋업해 테스트할 수 있도록 API 정보를 공유할 수 있다.- Request를 모아 C..
React – A JavaScript library for building user interfacesA JavaScript library for building user interfacesreactjs.org 자바스크립트의 비동기 ▶ 자바스크립트 비동기의 등장 초기 웹 환경에서는 서버에서 모든 데이터를 로드하여 페이지를 빌드했으므로 자바스크립트에는 별도의 비동기 처리가 필요하지 않았다. Ajax (Asynchronous JavaScript and XML) 기술의 등장으로 페이지 로드 없이 client-side에서 서버로 요청을 보내 데이터를 처리할 수 있게 되었다. XMLHttpRequest라는 객체를 이용해 서버로 요청을 보낼 수 있게 되었다. ▶ 자바스크립트와 비동기 자바스크립..
초보자를 대상으로 하는 자바스크립트 기초 강의를 빠르게 수강하며 내가 이미 알고있는 내용은 제외하고 기존에 놓쳤던 내용이나 알고있지만 헷갈리는 내용들만 정리해보았다. (지극히 개인적인 기준) [강의] 인프런 - 렛츠기릿 자바스크립트 [무료] [리뉴얼] 렛츠기릿 자바스크립트 - 인프런 | 강의 본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카 www.inflearn.com 0자릿수 표현하기 5e4 // 50000 5e-4 // 0.0005 진법 표현하기 2진법 (0b~) 8진법 (0o~ 또는 0~) 16진법 (0x~) // 2진법 0b111 // 7 // 8진법 011..
