sodol-dotcom

𝜗𝜚 오늘 공부한 내용반환과 할당 구분: 함수의 반환값과 변수에 값을 할당하는 차이를 명확하게 이해하는 시간을 가졌다.할당: 변수에 값을 저장하는 작업을 한다. 이 값은 함수의 범위 내에서 사용될 수 있으며, 함수 외부에서 접근하려면 반환이 필요하다.반환: 함수가 계산한 결과를 함수 외부로 전달하는 작업을 한다. return 문을 사용하여 값을 반환하면, 함수 호출자는 이 값을 사용할 수 있다. return 문이 없으면 함수는 기본적으로 undefined를 반환한다."함수의 반환과 할당: return 문이 없을 때 undefined가 반환되는 이유" 링크  𝜗𝜚 for tomorrowAsync/await와 Promise를 활용해 비동기 처리 연습을 더 해봐야겠다.리액트, 자바스크립트 복습에 더 많..

𝜗𝜚 오늘 공부한 내용비동기 데이터 처리비동기 처리 학습async / await 를 사용해 데이터를 비동기적으로 불러오는 방법을 연습했다. 코드가 간결하고 이해하는데 도움을 주는 부분이다.Promise.all 을 적용해 여러 API 요청을 동시에 처리하는 방법을 배웠다. 데이터를 병렬로 가져와 효율성을 높일 수 있다.React 코드 예제 분석기본적인 API 호출로 데이터를 가져와 화면에 표시하는 예제를 작성했다.두 개의 API를 동시에 호출하여 데이터를 동시에 받아오는 예제도 실습하였고, 로딩 상태 처리도 추가했다.useState 와 useEffect 를 활용한 기본적인 데이터 불러오기 예제를 작성했다.Promise.all 을 적용하여 두 개의 API 요청을 동시에 처리하고, 데이터를 화면에 표시하는..

𝜗𝜚 오늘 공부한 내용1. React 심화 주차 강의 한 바퀴각 기술과 도구를 배우는 궁극적인 목적은 웹 애플리케이션 개발의 전반적인 효율성과 사용자 경험을 크게 향상시키기 위해서이다. 비동기 작업, 데이터 관리, 상태 관리, UX 향상 등을 통합적으로 다루어 더 나은 성능과 사용자 만족도를 제공하는 애플리케이션을 만드는 데 중점을 두고 있다.1) 비동기 1: 비동기, Promise비동기: 시간이 걸리는 작업을 끝날 때 까지 기다리지 않고, 다른 작업을 먼저 처리할 수 있는 방식. 예를 들어, 서버에서 데이터를 가져오는 동안 다른 버튼 클릭 같은 작업을 계속할 수 있는 것.Promise: 이 비동기 작업의 결과를 기다리고 처리하는 객체. 서버에서 데이터를 가져오고 나면 그 결과를 알려주는 역할을 함...

𝜗𝜚 오늘 공부한 내용1. Entity 설계의 필요성Entitiy 설계란? Entity 설계로 프로젝트에서 필요한 데이터 모델링하기프로젝트 시작에서 Entity 설계가 필요하다는 것을 알게되었다.데이터베이스를 설계할 때, 데이터를 효율적으로 관리하기 위해 필요한 Entity를 설계하고 모델링하는 과정이 필요하다는 것Entity란? 시스템에서 중요한 정보들을 나타내는 개념엔티티의 예시:- 고객: 이름, 이메일, 주소- 제품: 이름, 가격, 설명- 주문: 주문 날짜, 주문번호, 주문한 제품 리스트엔티티는 '고객'이고 '이름, 이메일, 주소'는 엔티티의 '속성이다.ETT란? '논리적 테이블(Entity Table)의 약자'로 엔티티의 데이터를 저장하는 테이블을 의미한다. 데이터베이스에서 이 테이블은 엔티티..

𝜗𝜚 오늘 공부한 내용JavaScript 문법 종합반 1주차 강의JavaScript 기초반 실습 [수강] JavaScript 문법 종합반1. 조건문의 중첩let age = 20;let gender = "여성";// 미성년자 구분if (age >= 18) { // console.log("성인입니다."); if(gender === "여성") { console.log("성인 여성입니다."); } else { console.log("성인 남성입니다."); }} else { if (gender === "여성") { console.log("미성년 여성입니다."); } else { console.log("미성년 남성입니다."); ..

𝜗𝜚 오늘 공부한 내용1. 모던 자바스크립트 Deep Dive(1)모듈화와 npm(출처: https://poiemaweb.com/nodejs-npm)모듈이란?애플리케이션을 구성하는 개별적인 요소를 말함.일반적으로 파일 단위로 분리되어 있고 필요에 따라 애플리케이션은 명시적으로 모듈을 로드함.: 모듈은 애플리케이션에 분리되어 개별적으로 존재하다가 애플리케이션의 로드에 의해 비로소 애플리케이션의 일원이 된다.모듈은 기능별로 분리되어 작성되므로 개발효율성과 유지보수성의 향상을 기대할 수 있다.자바스크립트는 모듈 기능이 없다!자바스크립트는 웹페이지에 있어서 보조적인 기능을 수행하기 위해 한정적인 용도로 만들어짐.→ 태생적 한계로 다른 언어에 비해 부족한(나쁜) 부분이 있는 것이 사실.→ 대표적인 것이 모듈 ..

𝜗𝜚 오늘 공부한 내용JavaScript 문법 종합반 3주차실행 컨텍스트, 콜 스택, VE&LE, 호이스팅, 함수 선언문&함수 표현식, 스코프, 스코프체인, outerEnverionmentReference(= outer), this의 함수, 메서드에 따른 작동 1-1) 실행 컨텍스트 구성 예시 코드주어진 코드의 실행 결과와 각 단계의 해석을 설명드리겠습니다.코드javascript코드 복사var a = 1;function outer() { function inner() { console.log(a); // undefined var a = 3; } inner(); console.log(a);}outer();console.log(a);실행 결과javascrip..

𝜗𝜚 오늘 공부한 내용JavaScript 문법 종합반 1~3주차불변 객체와 깊은 복사typeof, ==m &&, copyObjectsDeep함수  [수강] JavaScript 문법 종합반1. 깊은 복사(Deep copy)깊은 복사를 사용하는 이유: 불변 객체의 필요성 때문객체의 가변성은 객체의 프로퍼티(속성)에 접근해서 변수값을 변경(=가변)하는데이렇게 될 경우 같은 값을 참조하고 있던 다른 참조형 데이터의 변수값이 함께 변경됨. 해결 방안으로 각 속성 마다 새로운 객체를 반환하게하여 불변하게 할 수 있지만 바꾸려는 속성마다 얕은 복사를 해줘야해서 하드 코딩을 초래함. 해결 방안으로 얕은 복사(Shallow copy)를 이용할 수 있는데, 얕은 복사의 한계도 한계가 있음. 생성된 객체가 기존 객체와 ..

𝜗𝜚 오늘 공부한 내용(JavaScript 걷기반)JavaScript 함수 예제 풀이if-else 문, if-else if-else 문, for 문 예제 풀이실행 컨텍스트  [수강] JavaScript 문법 종합반1. if-else 문 예제 풀이문제 1)function checkNumber(num) { // if-else 문을 작성 if (num > 0) { // 1. 만약 num이 0보다 크다면 : 양수입니다. 출력 console.log("양수입니다."); } else if (num   로직을 짤 때 중요한것 내가 뭘 할지 한글로 써보는 것!   문제 2) 나이를 매개변수로 받아, 나이가 18 이상이면 "Access granted"를, 그렇지 않으면 "Acc..

𝜗𝜚 오늘 공부한 내용JavaScript 문법 종합반 1주차 강의JavaScript 걷기반 실습 [수강] JavaScript 문법 종합반1. 조건문의 중첩let age = 20;let gender = "여성";// 미성년자 구분if (age >= 18) { // console.log("성인입니다."); if(gender === "여성") { console.log("성인 여성입니다."); } else { console.log("성인 남성입니다."); }} else { if (gender === "여성") { console.log("미성년 여성입니다."); } else { console.log("미성년 남성입니다."); ..