| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- git flow finish
- git flow start
- 실무는 공식문서로
- Next.js
- axios
- freecodecamp
- CSS
- 바닐라JS
- HTML
- git
- JavaScript
- api 라우트
- 백준
- javascript30
- 서버 컴포넌트
- Main
- AJAX
- 책으론 원리만
- fetch pull 차이
- TS
- 클라이언트 컴포넌트
- Mac
- 차이점
- 끝까지 잘 마무리하기
- 힘들었던 한주
- js
- 개발일지
- 공부할 거 넘많다~
- jQuery
- 다시 홧팅
- Today
- Total
목록2025/02 (22)
다다의 개발일지 6v6
JavaScript + 타입 체크 = TypeScriptjs 안에 특수한 ts라고 생각하면 됨. ts ⊂ js따라서 ts에서는 js가 돌아가지만 js에서는 ts가 돌아가지 않는다고 볼 수 있다. TypeScript는 변수의 데이터 타입을 명확하게 지정해주어 안정성을 높여준다. → 이게 Ts의 제일 큰 특징 코드 연습 간단하게 할 수 있는 사이트https://www.typescriptlang.org/play/?#code/Q TS Playground - An online editor for exploring TypeScript and JavaScriptThe Playground lets you write TypeScript or JavaScript online in a safe and sharable wa..
Flask란?Flask는 Python으로 만든 경량 웹 프레임워크이다. -> 웹 애플리케이션을 만들 수 있도록 도와주는 도구.Django처럼 대형 프레임워크가 아니라, 필요한 기능을 선택적으로 추가할 수 있는 간단한 웹 프레임워크이다. Flask의 특징경량(minimal)하고 유연함Flask는 기본적으로 가벼운 구조를 가지고 있어서, 필요한 기능만 추가해서 사용.핵심 기능만 포함하고 있고, 필요하면 추가 패키지를 설치해서 확장할 수 있음.빠르고 간단함코드가 간결해서 초보자도 쉽게 배울 수 있다.웹 애플리케이션을 빠르게 개발할 수 있는 구조를 제공.Jinja2 템플릿 엔진 제공HTML 코드 안에 {{ 변수 }} 같은 문법을 넣어서 동적인 웹 페이지를 만들 수 있음.WSGI 기반 & Werkzeug 사용W..
SQL과 NoSQL은 둘 다 데이터를 저장하고 관리하는 데이터베이스 시스템이다.하지만 데이터 구조, 사용 방식, 확장성 등이 다르기 때문에 각각의 장단점이 있음SQL (MySQL)SQL (Structured Query Language)은 관계형 데이터베이스(RDB, Relational Database)를 다룰 때 사용함.MySQL, PostgreSQL, Oracle, MSSQL 등이 대표적인 SQL 데이터베이스행/열의 생김새가 정해진 엑셀에 데이터를 저장하는 것과 유사데이터 50만 개가 적재된 상태에서, 갑자기 중간에 열을 하나 더하기는 어렵지만, 정형화되어 있는 만큼 데이터가 일관적이고 분석에 용이Query Language란더보기쿼리 언어(Query Language)쿼리(Query) = 데이터베이스에게..
JSON (JavaScript Object Notation) 이란?JSON은 JavaScript 객체 표기법을 기반으로 만든 데이터 형식.사람이 읽기 쉽고, 기계가 해석하기 쉬운 구조로 되어 있어서, 서버와 클라이언트 간 데이터 교환에 가장 많이 사용된다. JSON은 key-value(키-값) 쌍으로 이루어져 있다.JSON은 자료형 리스트와 딕셔너리를 섞어놓은 것처럼 생겼음 📌 JSON 데이터 예시 (문자열 형태로 저장됨){ "name": "Alice", "age": 25, "isStudent": false, "skills": ["JavaScript", "Python", "Java"], "address": { "city": "Seoul", "country": "Korea" }} ..
jQuery는 자바스크립트를 더 쉽고 간편하게 사용할 수 있도록 도와주는 라이브러리이다. 직접 JS 코드를 작성해서 모든 기능을 구현할 수도 있지만, 코드가 복잡하고 브라우저 간 호환성을 직접 고려해야한다는 점 때문에 전문 개발자가 작성한 라이브러리를 가져와서 사용하면 편하다. 부트스트랩 css 파일을 사용할 때처럼 온라인 상의 파일을 참조 해서 import 하면 된다. JQuery와 순수 JavaScript의 코드를 비교해보자 JS에서 elememt란 id를 가진 요소를 감추려면 복잡하다.document.getElementById("element").style.display = "none"; JQuery로는이렇게 간단하고 직관적으로 쓸 수 있다. $('#element').hide(); 주요 특징 (아..
✅ Ajax란?Ajax(Asynchronous JavaScript and XML)는 자바스크립트에서 클라이언트(브라우저)와 서버의 비동기적 API 통신 방식이다.즉, 페이지를 새로고침하지 않고도 서버와 데이터를 주고받을 수 있게 하는 기술.Ajax 에 XML이 들어간 이유Ajax가 처음 등장했을 때, 서버와 데이터를 주고받는 형식으로 XML (eXtensible Markup Language) 이 주로 사용되었음. 그러나 XML은 너무 복잡하고 불편해서 현재는 JSON을 사용(표준)함. 훨씬 간단하고 JS에서 바로 사용할 수 있기 때문이다 Ajax를 구현하는 방법과거에는 Ajax를 사용하려면 XMLHttpRequest(XHR)라는 복잡한 객체를 써야 했다.jQuery가 등장하면서 $.ajax(), $.ge..