일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
- JS
- FileReader
- 절대경로?
- 소셜 로그인
- 객체값
- nodejs
- TypeScript
- 최재영
- 프론트엔드
- SSR
- useContext
- 멋쟁이 사자처럼 in CAU
- slack
- Recoil
- 우아한테크코스
- github
- webpack
- 동기/비동기
- 우테코
- NextJS
- Vite
- React
- 카카오 로그인
- 신진 디자이너
- Git
- FormData
- Front-End
- 원시값
- 이벤트루프
- Module
- Today
- Total
목록분류 전체보기 (31)
REturn 0;

후롱트 다섯 번째 세션 API란? 데이터를 요청하고 응답을 받을 때 특정 기능을 사용 소프트웨어가 다른 소웨 기능 사용을 위해서 중간에 필요한 체계 다른 소프트웨어에서 빼내서 사용하고 싶을 때 사용한다고 보면 댐 클라이언트가 요청 / 서버가 응답 / API가 전달 브라우저에서 요청한 데이터를 서버에서 받아와서 전달해주는 ‘인터페이스’ API 진행방식 요청을 보내는 컴퓨터 = 클라이언트 응답을 주는 컴퓨터 = 서버 프론트는 요청, 백엔드는 응답 (?) 요청의 종류 확인 삭제 추가 응답의 종류(처리 상태) 데이터 미존재 요청 형식 오류 응답 측 오류 API 정의 서로 다른 컴퓨터에서 요청과 응답을 주고 받을 수 있게 만든 체계 API 요청의 종류 Create - 올려줭(생성) Read - 불러와줭(조회) U..
Object, Class가 나온 이유??(쭝요) 우리는 왜 개발을 하는 이유는 무엇일까요? 현실의 데이터를 빠르고, 자동화된 형태로 처리하기 위해서 개발자의 3가지 덕목은 게으름, 조급함, 오만 결론은 귀찮아서 객체란? Key와 Value로 이뤄진 데이터 프로퍼티: 객체 내부에 있는 값, 객체는 여러 개의 프로퍼티를 가질 수 있다. 원시 값을 제외한 JS의 모든 값은 객체 객체의 프로퍼티로 변수, 객체, 함수 모두 등록 가능 let angel = { name: "재영", age: 21 } 위와 같이 angel이라는 객체는 “name”, “age” 프로퍼티를 가지고 있다. 이에 접근하려면 console.log(angel.name); console.log(angel["age"]); 이런 식으로 마침표나 대괄..
원시값 변경이 불가능한 값 생성된 원시값은 읽기 전용이라 변경이 불가능하다. 변수에 할당될 때 값 자체가 변수에 저장된다. Number, String, null, boolean, undefined 등의 데이터 타입을 뜻한다. 재할당 외에는 변수 내에 값을 변경할 수 있는 방법이 없다. var origin = 10; var copy = origin; console.log(origin, copy); // 1번 콘솔 copy = 20; console.log(origin, copy); // 2번 콘솔 1번 콘솔: 10과 10이 출력된다. 2번 콘솔: 20과 20이 출력된다. 원시값은 서로 다른 메모리 공간에 저장되기 때문에 어느 한 쪽에서 재할당을 해도 서로 간섭이 불가하다. 변수안에 할당된 원시값의 주소가 1..

자바스크립트? 한 줄 요약 웹 문서를 동적으로 제어하기 위해 고안된 프로그래밍 언어 변수 결과값은 메모리 어딘가에 저장되는데, 해당 메모리의 주소 값을 모른다면 결과 값을 사용할 수 없다. 따라서 값을 사용하기 위해서는 값이 저장된 위치인 메모리 주소를 알고 접근해야한다. 값이 저장된 위치를 가리키는 상징적인 이름을 선언한 것이 변수 변수를 사용하는 것 === 참조 어떤 값을 구별하여 식별해낼 수 있는 고유한 이름(변수 이름) === 식별자 변수 선언 키워드와 스코프 변수 선언 키워드 var: 변수 중복선언 허용(에러가 발생하지 않음), let: 변수 중복선언 금지, 재할당 가능 const: 선언과 동시에 초기화, 재할당 불가 스코프 식별자에 유효하게 접근 가능한 범위 식별자를 참조할 수 있는 범위 변수..

후롱트 두 번째 세션(Flex) Flex 레이아웃 배치 전용 기능 수직 구성 & 수평 구성 1 2 3 4 5 6 .container Flex라는 속성의 영향을 받는 전체 공간 부모 요소 .items Container 내에 적용된 설정에 따라 배치되는 요소들 자식 요소 Flex의 속성 Container에 적용하는 속성 Items에 적용하는 속성 Flex container 속성 1 2 3 4 5 6 container라는 class를 가진 div 안에 6개의 요소를 div로 감싸서 넣은 후 속성들을 넣으며 확인 하면 .container { display: flex; } 먼저 display: flex;를 줬을 때는 이런 식으로 요소들이 수평(➡️) 방향으로 정렬된다. .container { display: fl..

프론트엔드의 역할 Get 방식 페이지 조회 URL에 폼 데이터를 추가하여 서버로 전달하는 방식 POST 방식 데이터의 기록을 삭제 및 수정하는 방식 폼 데이터를 별도 첨부 후 서버에 전달하는 방식, 보안성 높음 웹 표준(3단계로 구분) HTML = 구조 웹 문서의 구조를 만듦 태그를 사용해서 문서의 구조를 명시 = CSS = 표현 Cascading = 우선순위 = 위에서 아래로 계단식으로 우선순위 결정 웹 문서를 꾸미기 위해 사용 JavaScript = 동작 사용자 동작에 반응하고 동적인 효과를 냄 라이브러리 - 호출해서 사용 가능하도록 재사용 가능한 기능을 미리 구현한 도구 프레임워크 - 프로그램 생성 시 필요한 여러 기능을 쉽게 구현하게 도와주는 도구 문서 객체 모델 DOM 웹 문서를 하나의 객체로 ..

멋쟁이 사자처럼 11기 일원으로서 첫 개발 세션에 참여했다. 개발자라면 필수적으로 알아야하는 Git에 관한 세션이었기 때문에 처음이자 마지막으로 프론트와 백엔드가 같이 세션에 참여했고, 이에 대한 회고를 작성하고자 한다. 1. 공부한 개념 git의 3단계 구조 Working directory Staging area Repository git의 기본 명령어 pwd --- 현재 작업하는 디렉토리의 위치 확인 ls --- 현재 작업하는 디렉토리의 파일 목록 확인 cd "원하는 위치" --- "원하는 위치"에 입력한 디렉토리에서 작업 시작 mkdir "폴더 이름" --- "폴더 이름"에 입력한 이름으로 작업중인 디렉토리에 새로운 폴더 생성 touch "파일 이름" --- "파일 이름"에 입력한 이름으로 작업중인..