본문 바로가기

Web Study124

슬랙 클론 코딩 - 1 백엔드 세팅해주기 MySQL : database(==Schema) -> table -> row 계층 구조 더보기 질문 잘하기! - 에러 메세지를 정확히 - 코드를 보여준다 - 줄넘김, 들여쓰기를 제대로한 코드를 첨부 - 어떤 작업을 하는 코드인지 - OS나 버전 기재 - 이미 시도해본 것들은 미리 기재 프론트 기본 세팅하기 .eslint .prettierrc 등 기본 파일 컴파일? tsc -> js tsc -> babel -> js ✔️ babel 과 webpack 설정 .. 아니 무슨 세팅이 이렇게 어렵나......그냥 따라치기만 했음 아직은 너무 어려운 개념 같다.. 코드 스플리팅 보통 웹팩에 의해 자바스크립트 파일은 하나의 파일로 합쳐지게 되는데 모든 자바스크립트를 묶어서 빌드하면 파일의 크기가 커.. 2023. 4. 21.
타입스크립트 기초 인터페이스 키워드 : interface 인터페이스명은 보통 i- 접두사를 붙여줘서 명명하지만 타입스크립트에선 지양한다. 그리고 첫글자는 대문자를 사용해준다. interface 인터페이스명 { 키: 타입; 키: 타입; ... } interface Student { studentID :number; studentName :string; age :number; gender :string; subject :stirng; courseCompleted : boolean; } 명시된 인터페이스는 타입처럼 사용해줄 수 있다! 인터페이스를 타입으로 가지는 값은 인터페이스의 구조를 그 값으로 가지도록 강제된다! function getStudentDetails(studentID :number) :Student { retur.. 2023. 4. 20.
학원 끝! 타입스크립트 시작! https://youtu.be/VJ8rvsw2j5w 타입스크립트는 자바스크립트를 사용하며 모든 기능을 포함하나 자바스크립트에 포함되지 않은 새로운 기능이 있다. 즉, 자바스크립트의 타입부분을 업그레이드한 것 - 변수 값에 데이터 타입 지정 가능 function add (a, b) { return a+b; } console.log(add('3', '5')); // 35 //////// function add (a: number, b:number) { return a+b; } console.log(add('3', '5')); // error - 객체지향적 프로그래밍 지향 - 컴파일 타임 오류 발견 가능 타입스크립트는 프로그래밍 언어인 동시에 컴파일러인 것이다. 타입스크립트 개발 환경 설정 npm i -g t.. 2023. 4. 20.
리덕스 정리 - 1 Action 상태에 어떠한 변화가 필요하게 될 때 액션을 발생시킨다. 이는 하나의 객체로 표현되며, { type: 'value', } type 필드를 필수적으로 가지고 있어야 하며, 나머지 값들은 추가해줄 수 있다. Action 생성 함수 액션 생성 함수란, 액션을 만드는 함수로 단순히 파라미터를 받아와서 액션 객체 형태로 만들어준다. export function 함수명(데이터) { return { type: 'value', } } 리턴값은 type 을 포함하는 액션 객체여야 한다. 액션 생성 함수는 필수는 아니지만 액션을 손쉽게 사용하기 위해서 사용해준다. Reducer 변화를 일으키는 함수로, 첫번째 파라미터는 state / 두번째 파라미터는 action 이다. export default functi.. 2023. 4. 10.

티스토리툴바