profile
나를 위한 업그레이드 아자아자

elice track ep.10

좋은 앱을 만들려면번들 사이즈에 대한 고려Css 코드가 차지하는 사이즈는 무척 중요한 요소앱 성능에 대한 고려animation, transition 등 유저와의 상호작용에서 스타일 코드의 성능이 중요 요소사용자에게 유리한 ui/ux를 고려스타일링에 대한 지식으로, 고급

약 12시간 전
·
0개의 댓글
·

elice track ep.9

컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect)을 하기 위해 사용한다.앞선 강의에서 사용해본 useState가 바로 State Hook이다.기존에는 컴포넌트 내에서 State와 생명주기를 관리하기 위해서 반드시 클래스 컴포넌트를 사

2023년 11월 20일
·
1개의 댓글
·

elice track ep.8

컴포넌트 생성 컴포넌트 사용사용되는 값들을 바꿔가며 출력할 수 있다기본적으로 component에 원하는 값을 넘겨줄 때 사용하며 넘겨줄 수 있는 값은 변수, 함수, 객체, 배열 등 Javascript의 요소라면 제한이 없다.주로 component의 '재사용'을 위하여

2023년 11월 20일
·
0개의 댓글
·
post-thumbnail

elice track ep.7

최초에 서버로부터 html을 전달 받고 페이지의 변경이 필요할 때 변경이 필요한 부분을 json으로 전달 받는다.이때 페이지에서 변경된 부분만 계산하여 다시 그리게 된다.React사용자 인터페이스를 만들기 위한 javascript 라이브러리Component리액트에서 서

2023년 11월 17일
·
0개의 댓글
·
post-thumbnail

elice track ep 6

1차 프로젝트가 완료 되었다.많은 아쉬움이 남지만 열심히 이끌어준 팀원들 덕에 더 아쉬움이 남는것 같다.화면 구현에 너무 많은 시간을 소요했다. 클론 코딩을 하여 디자인 시간을 줄이는 것은 좋았지만 금같은 시간을 결국 만들지 않을 화면에 써버렸다.버려진 시간은 결국 다

2023년 11월 12일
·
0개의 댓글
·
post-thumbnail

elice track ep.5

URI(Uniform Resource Identifier): 인터넷에 있는 자원을 나타내는 유일한 주소URI, URL(Uniform Reslurce Locator), URN(Uniform REsource Name)의 차이연관된 개념인 Scheme(Protocol), H

2023년 11월 12일
·
0개의 댓글
·
post-thumbnail

elice track ep.4

innerHTML이 가독성이 좋다바닐라 JS에서도 JSX와 비슷하게 코드 스타일을 구성 할 수 있어서 아무래도 유지보수는 훨씬 편하긴하다.createElement가 성능은 더 좋다innerHTML을 사용할 경우 기준이 되는 요소의 DOM 내부를 전부 재분석하기 때문에

2023년 11월 10일
·
0개의 댓글
·
post-thumbnail

elice track ep.3

내가 맡았던 부분은 고객 리뷰, 게시판 쪽이었는데 과감히 삭제하기로 결정이 났다.쇼핑몰을 만들 때 제일 중요한 기능들을 중점으로 두고, 시간이 남으면 후기, 게시판을 만들기로 했다.이럴 땐 우물쭈물하지않고 과감히 결정을 내려주는 팀원들이 중요하다고 생각한다.다시 관리자

2023년 11월 6일
·
0개의 댓글
·
post-thumbnail

elice track ep2.

app은 express에서 권장하는 명칭이라고 한다. 스프링에서 썼던 index와 비슷한 맥락인듯 하다. express()로 app 객체를 가져오는 것도 express에서 그렇게 설정해둔 것이라 한다. 생성자의 개념으로 이해했다.이 부분이 라우터 부분이다. 내가 코드로

2023년 11월 6일
·
0개의 댓글
·
post-thumbnail

elice track ep.1

늦게 적는 1,2일차 프로젝트 이야기팀이 결정되고 금요일, 모두 모여 팀 이름, 주제, 담당 포지션을 정하였고팀 규칙을 정했다.팀 규칙1\. 매일 오전 10시 회의 및 스크럼(30분 이상)2\. 소통과 일 얘기는 디스코드/슬래긍로3\. 10시부터 22시까지는 연락 빨리

2023년 11월 4일
·
0개의 댓글
·

웹 서비스 동작 방식

웹 서비스는 기본적으로 HTTP 요청과 응답의 반복으로 이루어짐HTTP 요청은 사용자가 어떤 데이터가 필요한지를 서버에게 알리는 역할HTTP 응답은 HTTP 요청에 해당하는 적절한 데이터를 전달하는 역할브라우저가 인터넷을 통해 HTTP 요청을 서버에 전달서버는 사용자의

2023년 10월 21일
·
0개의 댓글
·

setTimeout()과 setInterval() 함수

어떤 코드를 바로 실행하지 않고 일정 시간 기다린 후 실행해야하는 경우가 있는데요. 이럴 때는 자바스크립트의 setTimeout() 함수를 사용할 수 있습니다.setTimeout() 함수는 첫번째 인자로 실행할 코드를 담고 있는 함수를 받고, 두번째 인자로 지연 시간을

2023년 10월 21일
·
0개의 댓글
·

클로저(Closure)

전역 Lexical 환경one : 1addOne : function내부 Lexical 환경num : 5전역 Lexical 환경makeAdder : function add3: 초기화 xmakeAdder Lexical 환경x : 3클로저는 함수와 그 함수가 선언됐을 때의

2023년 10월 21일
·
0개의 댓글
·

나머지 매개변수(Rest parameters)

나머지 매개변수 구문을 사용하면 함수가 정해지지 않은 수의 매개변수를 배열로 받을 수 있습니다.함수의 마지막 매개변수 앞에 "..."(세 개의 U+002E FULL STOP 문자)를 붙이면 (사용자가 제공한) 모든 후속 매개변수를 표준 JavaScript 배열에 넣도록

2023년 10월 21일
·
0개의 댓글
·

구조 분해 할당

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다.객체 및 배열 리터럴 표현식을 사용하면 즉석에서 쉽게 데이터 뭉치를 만들 수 있습니다.구조 분해 할당의 구문은 위와 비슷하지만, 대신 할당문의

2023년 10월 21일
·
0개의 댓글
·

NPM

Node.js 프로젝트를 관리하는 필수적인 도구온라인 저장소 + 커맨드라인 도구수많은 오픈소스 라이브러리와 도구들이 업로드되는 저장소필요한 라이브러리나 도구를 손쉽게 검색 가능.Node.js의 인기로, 거대한 생태계를 보유.프로젝트 관리를 위한 다양한 명령어를 제공저장

2023년 10월 16일
·
0개의 댓글
·

Interface / Properties

일반적으로 변수, 함수, 클래스에 타입 체크를 위해 사용된다.직접 인스턴스를 생성할 수 없고 모든 메소드가 추상 메소드다추상 클래스의 추상 메소드와 달리 abstract 키워드는 사용할 수 없다.ES6는 인터페이스를 지원하지 않지만 TypeScript는 인터페이스를 지

2023년 10월 12일
·
0개의 댓글
·

추상 클래스

추상 클래스는 다른 클래스들이 파생될 수 있는 기초 클래스이다.직접 인스턴스화 할 수 없다.abstract 키워드는 추상 클래스나 추상 메소드를 정의하는 데 사용된다.추상 메소드는 클래스에는 구현되어 있지 않고, 파생된 클래스에서 구현해야 한다.프로그램의 일부분을 서브

2023년 10월 12일
·
0개의 댓글
·

Getters & Setters / readonly / static

Getters & Setters비공개로 설정하려는 속성은 private로 설정하고, 속성값을 읽고 수정하는 getter/setter 함수를 사용한다.readonly읽기만 가능한 속성을 선언하기 위해 사용한다.static전역 멤버를 선언할 때 사용한다.전역멤버 : 객체마

2023년 10월 12일
·
0개의 댓글
·

객체 지향 프로그래밍(OOP) / 접근 제어자 / 상속

OOP는 컴퓨터 프로그램을 객체(Object)의 모임으로 파악하려는 프로그래밍 패러다임이다.객체(Object)들은 서로 메시지를 주고 받을 수 있으며 데이터를 처리할 수 있다.프로그램을 유연하고 변경이 용이하게 만든다.프로그램의 개발과 보수를 간편하게 만든다.직관적인

2023년 10월 12일
·
0개의 댓글
·