| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 다시 홧팅
- jQuery
- 실무는 공식문서로
- git flow finish
- 책으론 원리만
- freecodecamp
- 서버 컴포넌트
- CSS
- 힘들었던 한주
- 끝까지 잘 마무리하기
- 백준
- 바닐라JS
- git
- js
- Main
- javascript30
- api 라우트
- 공부할 거 넘많다~
- axios
- 클라이언트 컴포넌트
- TS
- git flow start
- Next.js
- 개발일지
- HTML
- 차이점
- JavaScript
- AJAX
- Mac
- fetch pull 차이
- Today
- Total
목록js (6)
다다의 개발일지 6v6
✅ Ajax란?Ajax(Asynchronous JavaScript and XML)는 자바스크립트에서 클라이언트(브라우저)와 서버의 비동기적 API 통신 방식이다.즉, 페이지를 새로고침하지 않고도 서버와 데이터를 주고받을 수 있게 하는 기술.Ajax 에 XML이 들어간 이유Ajax가 처음 등장했을 때, 서버와 데이터를 주고받는 형식으로 XML (eXtensible Markup Language) 이 주로 사용되었음. 그러나 XML은 너무 복잡하고 불편해서 현재는 JSON을 사용(표준)함. 훨씬 간단하고 JS에서 바로 사용할 수 있기 때문이다 Ajax를 구현하는 방법과거에는 Ajax를 사용하려면 XMLHttpRequest(XHR)라는 복잡한 객체를 써야 했다.jQuery가 등장하면서 $.ajax(), $.ge..
전 글에서 호이스팅에 대해서 공부를 했는데 변수 호이스팅만 다루고 함수 호이스팅은 따로 빼놨다.함수 호이스팅에 대해서 자세히 알아보자!! 함수 호이스팅이란?JavaScript 엔진이 함수 선언을 코드 실행 전에 메모리에 미리 저장하는 동작을 의미즉, 코드가 작성된 순서와는 다르게, 함수의 선언이 코드의 최상단으로 끌어올려지는 것처럼 동작한다.하지만 실제로 코드의 위치가 변경되는 것이 아니라, JavaScript가 내부적으로 선언을 미리 처리하는 것임. 함수도 호이스팅되지만, 함수 선언 방식에 따라 다르게 동작한다.(1) 함수 선언문 (Function Declaration)👉 function 키워드로 직접 함수를 선언하는 방식hello(); // "Hello, world!" (정상 작동)function ..
var, let, const의 차이점은 크게 변수 선언 방식, 스코프(scope), 호이스팅(hoisting), 그리고 재할당 가능 여부에서 나타난다.1. var (과거 방식)함수 스코프(function scope)를 가진다.변수 선언 전에 사용할 수 있지만 undefined가 할당된다. (호이스팅)동일한 변수명을 중복 선언할 수 있다.재할당 가능.console.log(a); // undefined (호이스팅 때문에 오류가 나지 않음)var a = 10; if (true) { var b = 20; // 블록 내부에서 선언해도 바깥에서 접근 가능 (함수 스코프)}console.log(b); // 20 (의도치 않은 값 변경 가능) ➡ var는 함수 스코프이기 때문에 블록 {} 내부에서 선언해도 바깥에..
https://javascript30.com/ JavaScript 30Build 30 things with vanilla JS in 30 days with 30 tutorialsjavascript30.com우선 DOM조작, 이벤트 핸들링 부터 알아보자DOM 조작을 위한 주요 document 메서드 특정 요소를 선택하는 방법document.getElementById("id이름"); // ID로 요소 선택document.getElementsByClassName("클래스이름"); // 클래스 이름으로 여러 개 선택 (배열 비슷한 형태)document.getElementsByTagName("태그이름"); // 태그 이름으로 여러 개 선택 (예: "div", "p")document.querySelector..
우선 풀이 전략으로대소문자 구분을 하지 않으므로 -> 모두 대문자로 만들어줬다. toUpperCase()소문자(toLowerCase())가 아니라 대문자로 만들어준 이유는 출력을 대문자로 하라고 했기 때문!주어진 단어를 하나하나 쪼개서 count를 세준다. (count 객체 생성)count 객체를 순회하면서 가장 많이 나온 알파벳 배열 (mostCntChar)을 만든다. 왜 배열이냐? 같은 횟수만큼 나온 알파벳이 여러개일 수도 있으니까만약 마지막에 살아남은 mostCntChar 배열에 속한 문자가 1개면 딱 가장 많이 사용된 알파벳이 한문자 존재 하는거니까 그거 출력하면 되고여러개 였다면 "?" 출력!const fs = require("fs");const word = fs.readFileSync(0, "..
프론트엔드 개발자로서 역량을 탄탄하게 키우고 싶어서어떤 순서로 뭐를 어떻게 공부하면 좋을 지 가이드같은 게 있으면따라서 열심히 공부만 할 텐데..라고 생각하던 중 https://roadmap.sh/ 개발자 로드맵 사이트를 발견했다. ㅜㅜㅠㅠㅠ 다들 즐겨찾기 해놓으세요!이제 틀은 나와있으니까 머리에 넣고 손으로 익히기만 하면 되는 것이다.여기 프론트엔드 뿐만 아니라 백엔드, 풀스택, ai 등등 많은 개발자들의 로드맵이 나와있고각 언어마다 어떤 순서로 배워가면 좋은지 나와있다. 제일 중요한 건 배우고 나서 꼭 프로젝트 하나 만들어 보는 것 추가)취업 공고에서 프론트엔드 역량으로 어떤 것을 원하는지 알아보았다.제일 중요한 HTML, CSS, JS 에 대한 이해도React(기본), Next.js(우대) ->..