어떻게 하면 잘 정리했다고 소문이 날까...

👋🏻 Introduction 안녕하세요 ! 오늘은 Open AI에서 제공하는 API를 활용해 DallE 3 모델로 그림을 그리는 작업을 해보려고 합니다! 해당 포스트는 아래 과정들을 정리하였습니다. 1. Open AI API 활용 환경 세팅 2. Open AI API DallE 3로 그린 결과물 확인 그러면 함께 Open AI의 API를 활용하고 알아보러 가볼까요?? 💡 Base Knowledge 우선, 이 포스트에 들어오신 분들은 대부분 Open AI의 API를 활용해보고자 하시는 분들일거라 생각됩니다. Open AI의 API를 활용할 수 있는 방안은 크게 2가지가 있습니다. 1. Open AI Platform 활용 https://platform.openai.com/docs/guides/images?c..

| 다양한 함수 - 즉시 실행 함수 function(a,b) { return a+b; }(10, 20); 단 한번만 실행되고 끝난다면 해당 함수 적용 검토해보기. - 고차 함수 const add = function(a){ return function(b) { retur a+b; } } add(1)(3); - 함수 생성 시 주의 사항 순수 함수: 언제 어디서나 도일한 결과 반환 및 함수 외부에 영향을 주지 않음. 부수 효과를 최대한 억제할 수 있는 방향으로 함수 설계. 리액트의 경우, useEffect 작동 최소화하는 것이 그 일환. 가능한 함수를 작게 만들기 하나의 함수에 너무 많은 일은 주지 않기. 함수의 이름은 간결하고 쉽게 짓기 useEffect 함수에 이름을 붇이며, 이 useEffect 함수가 ..

JavaScript 동등 비교 리액트의 가상 DOM과 실제 DOM의 비교. 리액트 컴포넌트가 렌더링할 지 판단하는 방법. 변수 / 함수의 Memoziation. 위 3가지의 기반이 되는 것이 "JavaScript의 동등 비교"! 데이터 타입 원시 타입 / 객체 타입(object) 원시 타입: 객체가 아닌 모든 타입 undefined: 선언 후 값 할당하지 않은 변수 혹은 값이 주어지지 않은 인수에 자동으로 할당. null: 아직 값이 없거나 비어있는 값을 표현. typeof null;; //object undefined는 선언이 되어 있지만 아직 값이 할당되지 않은 것. null은 명시적으로 비어있음을 나타내는 값. Boolean: true / false falsy: false / 0 / NaN / 공백..

들어가며.. React를 선호하는 이유 명시적 상태 변경 리액트는 단방향 바인딩만 지원함. 단방향 바인딩이랑 데이터가 한쪽으로만 흐른다는 의미. 이와 반대되는 말은 양방향 바인딩인데, 뷰와 컴포넌트가 서로에게 영향을 줄 수 있는 것. 양방향 바인딩도 분명 장점이 있지만 코드의 크기가 커지면 관리가 쉽지 않다. 리액트는 단방향으로 그리고 명시적으로 이뤄지기 때문에 상태 변화를 명시적으로 일으킨 함수만 찾으면 된다. JSX(JavaScript XML) HTML과 JavaScript가 섞여들어간 형태로 고유의 몇가지 특징만 이해하면 손쉽게 JSX 코드 구현 가능. React의 역사 2000년대 LAMP 생태계. (Linux, Apache WebServer, MySQL, PHP) DB에서 데이터 loading...

Notice 최근 다시 취업을 하게 되었고, 회사에서 한번도 해본적 없던 React 활용한 프런트 엔드 개발을 맡게 되었습니당! 기존에 JavaScript에 대한 어느 정도의 활용 경험은 있었지만, 진짜 찍먹 수준이었고 리액트는 한번도 해본 경험이 없기 떄문에 해당 책을 읽으며 학습 내용을 정리해보고자 합니다!! 아자아자 화이팅이닷!!! :) https://m.yes24.com/Goods/Detail/123161563 모던 리액트 Deep Dive - 예스24 요즘 프런트엔드 개발은 자바스크립트와 리액트부터 시작한다는 말이 있을 정도로 최근 몇 년간 프런트엔드 생태계에서 리액트의 비중은 날이 갈수록 커지고 있습니다. 이 책에서는 0.x 버전의 m.yes24.com +) 이 책을 읽으며 Udemy의 Rea..