Udemy

request 요청 -> DNS 에서 매핑된 도메인 주소 읽어서 IP 주소로 변환 -> 웹 페이지 = HTML + CSS + JSHTTPS = 표준 텍스트 태그는 사용한다.

html head body탭 제목 변경 -> title 태그메타데이터와 보이는 컨텐츠 로 나눌 수 있다.보이는 컨텐츠는 본문태그와 메타데이터 사이에 있어야하고head 와 body 는 모두 html 태그 사이에 위치해야한다.hover 는 가상 선택자로 마우스가 해당 위에

의미 없는 괄호들로, 유동적으로 사용 가능하다.일반적인 인라인 요소에는 수직 여백을 적용할 수 없다.이미지앵커태그

웅진x유데미진로를 백엔드 개발자로 정하고 이쪽 분야만 희망하다보니 가장 쉽다고 생각하던 HTML & CSS 를 깊이있게 배워볼 생각을 해보지 못한것같다.대부분 알고있는 내용들이긴 하지만 3일간의 기간동안 정말 컴팩트하게 HTML 과 CSS 에 대해서 다시 배웠다.HTM

텍스트 형태를 바꿔줌크기를 알 수 없거나 동적인 경우에도 컨테이너 내에서 항목을 효율적으로 배열하기 위한 CSS 레이아웃 모드입니다.플렉스 항목이 플렉스 컨테이너에 행이나 열로 배치되는 방향을 결정합니다.플렉스 컨테이너 내의 플렉스 항목을 한 줄로 강제할지 아니면 여러

넘친 부분을 통제할 수 있게합니다.컨테이너를 초과하는 무언가를 고정시켜줌.visible(기본값), hidden

최대 너비 최소 너비레이아웃과 모양을 다양한 장치에 맞게 조정하는 웹 페이지를 만들 수 있도록 하여 사이트가 데스크톱, 태블릿 또는 휴대폰에서 표시되는지 여부에 관계없이 최적의 사용자 경험을 보장합니다.max-width보다 작은 경우 콘텐츠의 원래 크기가 사용됩니다.

폼

웹 브라우저 내에서 인터랙티브한 효과를 만들기 위해 고안변수명에 카멜케이스를 준수한다.세미콜론을 사용해도 되고, 사용하지 않아도 된다.

DOM

처음 나온 커리큘럼을 보고 짧은 기간안에 너무 많은 기술 스택을 배우는것 같아서 걱정이 됐었다. 그래서 1대1 면담시간에 커리큘럼에 대한 부분을 말씀드렸다. 그 후 바로 다음날 멘토님들이 의논하셔서 커리큘럼이 일부 수정되었다.개인의 요청사항을 검토해보고 바로 반영해주신

완전히 동일한지 확인Ex) 5 === 5는 값과 유형(숫자)이 모두 동일하므로 true이고5 === "5"는 값이 동일하지만 false입니다. 유형(숫자 및 문자열)이 다르기 때문예를 들어 5 == "5"는 true입니다. 왜냐하면 하나는 숫자이고 다른 하나는 문자열이

리액트란?

리액트는 컴포넌트 함수가 처음 실행될때 JSX 코드를 딱 한번만 가져간다.그렇기 때문에 기존 js 처럼 이벤트 리스너를 추가하면 무시당한다useState 란 리액트 훅을 사용!상태 업데이트 함수가 호출되면 React는 해당 함수를 다시 호출하지 않습니다. 대신 구성 요

과거 2주간의 팀 스터디 보다 좀더 갈피가 잡힌 스터디를 진행했다. 짧은 시간이기에 여러가지 주제를 돌면서 공부하는것보다 한가지 주제로 일주일을 꽉 채우는게 효율적이라고 생각했다.또한, 팀스터디 시간에 현재 배우고 있는것에 대한 심화 학습 및 토론도 중요하지만, 알고리

postgreSQL - 16.1pgAdmin4 - 8.0

현재 시각 정보를 표시DATE 년월 SELECT 할때 MONTH() 사용해도됨

현재 시각 정보를 표시DATE 년월 SELECT 할때 MONTH() 사용해도됨

if- else 와 유사WHEN 조건: 조건을 확인하는 부분입니다.THEN 결과: 조건이 true이면 이 결과를 반환합니다.ELSE default_result: 조건 중 어느 것도 true가 아닌 경우 default_result를 반환합니다. 'ELSE' 부분은 선택사

둘다 다형성의 한 형태두 개 이상의 메소드가 이름은 동일하지만 매개변수(수, 유형 또는 둘 다)가 다른 경우동일한 클래스 내에서 오버로딩이 발생IS-A(상속) 관계를 갖는 두 클래스에서 발생합니다. 하위 클래스의 메서드가 상위 클래스의 메서드와 동일한 이름, 반환 유형

팀스터디

https://velog.io/@mpfo0106/%EC%8B%A4%EC%A0%84-%EC%8A%A4%ED%94%84%EB%A7%81-%EB%B6%80%ED%8A%B8%EC%99%80-JPA-%ED%99%9C%EC%9A%A91-%EC%9B%B9-%EC%95%A0

https://school.programmers.co.kr/learn/courses/30/lessons/138476?language=java

무언가를 배울 때는 내가 현재 알고있는 지식과 비교하면서 간극을 줄여나가는 방식으로 진행하는게 좋아.예를 들면 내가 mySql 에 익숙하다면, mySql 과 mongoDB 비교하면서 학습하는걸 추천해!도서보다는 웹에 잘쓴 해외 아티클을 보는걸 추천해. 엄청나게 인사이트

https://velog.io/@mpfo0106/%EC%8B%A4%EC%A0%84-%EC%8A%A4%ED%94%84%EB%A7%81-%EB%B6%80%ED%8A%B8%EC%99%80-JPA-%ED%99%9C%EC%9A%A97-%EC%9B%B9-%EA%B3%84

https://velog.io/@mpfo0106/%EC%8B%A4%EC%A0%84-%EC%8A%A4%ED%94%84%EB%A7%81-%EB%B6%80%ED%8A%B8%EC%99%80-JPA-%ED%99%9C%EC%9A%A97-%EC%9B%B9-%EA%B3%84

Spring 기초

https://velog.io/@mpfo0106/%EC%8B%A4%EC%A0%84-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EA%B0%90%EC%A0%95%EC%9D%BC%EA%B8%B0%EB%A5%BC-%EB%A7%8C%EB%93%

함수안에 매개변수로 함수넣기!안정적으로 순차실행이 되게 해준다.근데 코드가 길어지면 이해가 어려워...=> Promise 를 사용하자!Promise 도 복잡하다...=> async/ await 사용하자!비동기 함수가 동기함수처럼 수행promise = 비동기 처리를 하는

react 일기장 만들기

이미 연산해둔 결과를 저장해놔 연산을 최적화함.useMemo() 로 리턴받는건 값. 함수가 아님. 이를 이용해 메미리제이션https://ko.legacy.reactjs.org/docs/react-api.html부모컴포넌트가 리렌더 되면 자식 또한 자동 리렌더

업로드중..

블로킹 & 논블로킹이벤트루프는 빨리 끝낼 수 있는 콜백&코드만 다룬다.오래걸리는 연산은 워커풀에서 Node.js 가 다룸모든 콜백을 처리.무한 루프를 돌면서 콜백을 처리

인터넷에 연결된 컴퓨터를 사용하는 사람들이 꼭 IT 전문가가 아니더라도 서로 쉽게 정보를 공유할 수 있도록 만들어진 일종의 정보 공유 체계클라이언트와 서버 사이에 이루어지는 요청(Request)과 응답(Response)에 대한 프로토콜h1 태그는 한페이지에 하나만 들어

package 의 의존성을 관리 + 버전 정보 기록

npx create-react-app .npm run startrfcejs 에서 css 는 절대 불러올 수 없는데 CRA 가 웹핵에서 불러온 기술로 작동하는것npm install -D sasscss 의 확장 문법마치 JSX네스팅을 할 수 있음. class 이름 난수로

데이터가 생성된 후에 수정되지 않는 성질을 의미해요.리액트에서 상태를 변경할 때에는 항상 새로운 객체나 배열을 생성하여 상태를 업데이트해야 해요.리액트는 상태의 불변성을 유지함으로써 이전 상태와 새 상태를 효과적으로 비교해요.추가: 새 요소를 배열에 추가할 때는 스프레

페이지로 디자인 통일하는데 컴포넌트마다 다르게 주고 싶으면 props로 내려주기

props drillingcontext API(리액트 자체 API. Redux 불편해서 나온거)Redux(클라이언트 사이드, propsDrilling 개선하기위해)Zustand, Recoil(리덕스 작성의 불편함을 개선)Reactquery(목적 차원에서 리덕스가 해결해

컴포넌트 분리를 더 신경쓰자.ProductDetailPage 에서 components 폴더를 만들고, ProductDetailInfo, ProductDetailMainImages, 등등을 분리하는

page 라우터는 이제 저무는 기술.App 라우터가 상위호환.경로와 파일명의 약속을 통해서 결정됨.dev 는 개발에서 사용start 는 프로덕션에서 사용 npm run build npm run start\*\*app\*\* 디렉터리 아래의 디렉터리명이 url의 일부가

https://velog.io/@mpfo0106/Node-js-Expresshttps://velog.io/@mpfo0106/Node-js-Express-2dte75xyhttps://velog.io/@mpfo0106/%ED%85%8C%EC%9D

업로드중..https://velog.io/@mpfo0106/Request-body-vs-params-vs-query-vs-headershttps://velog.io/@mpfo0106/Nest-Jshttps://velog.io/@mpfo0106