LEE:DO

2023.08.19 기준 Next.js란? Next.js는 React를 기반으로 한 웹 프레임워크로, 웹 애플리케이션 개발을 더 효율적으로 만들 수 있도록 도와주는 도구이다. 번들러인 Webpack과 컴파일러인 Babel과 같은 기술을 활용하여, 코드를 변환하고 최적화하는 역할을 수행함 이를 통해 개발자들은 프로덕션 환경에서의 성능, 검색 엔진 최적화(SEO), 그리고 서버 사이드 렌더링(SSR)과 같은 고급 기능을 쉽게 구현 가능하다. 프레임워크를 사용하기 위해서는 먼저 Visual Studio Code와 같은 통합 개발 환경(IDE)과 Node.js가 설치되어 있어야 한다. 1) node.js 설치 https://nodejs.org/ko Node.js Node.js® is a JavaScript ru..

자바를 새내기 빅데이터 프로그래밍때 말고 처음 써보는지라, 정말 오랜만에 이클립스를 설치하게 되었다. 1. 링크를 들어가서 설치 Eclipse Downloads | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 415 open source projects, including runtimes, tools and frameworks. www.eclipse.org 2. Download x86_64 클릭 3. Eclipse Installer에서 Eclipse IDE for Java Developers 클릭 4. 경로 설정 (INSTALL 누르기) 5. Hel..

ServerName localhost 주석 처리 되어있는거 풀어줘야함. PHPIniDir "C:/Windows" LoadModule php_module "C:/php/php8apache2_4" AddType application/x-httpd-php .html .php AddHandler application/x-httpd-php .php httpd 파일 맨 아래에 저렇게 써줘야함. 파일 경로는 지정해준 대로 써야함. 다른 예제들 7이 많은데, 최신 버전은 8이라 php8apache2_4라고 써줘야함.

피그마는 놀라운 디자인 도구다. 포토샵과 일러스트, XD를 섞어 놓은 듯하다. 인터페이스도 직관적이다. 협업하기가 좋다. 피그마는 UI/UX설계와 서비스 디자인을 위해 설계된 툴이지만, 어떻게 활용하는지에 따라 그 활용 범위가 무궁무진하다. 함께 배워보고 실용적인 기능...(비전문가적인 접근)만 쏙쏙 골라 업무에 활용할 수 있도록 기능을 소개할 것이다. 프로젝트를 같이 만들면서 우리가 할 수 있는 최대한의 기능만 알아보자 회원가입은 구글 아이디나 갖고 있는 이메일로 할 수 있다. 피그마 기능 소개 다양한 기기들의 사이즈와 분기를 하나의 그룹으로 유동성 있는 레이아웃을 설정할 수 있도록 하는 도구라고 설명되어있다. 쉽게 말하자면 우리는 이것을 눌러 무언가를 할 수 있는 도화지를 만들 것이다. 버튼을 누르면..

Simple and natural dialogue Speak the user’s language Minimize user memory load Be consistent Provide feedback Provide clearly marked exits Provide shortcuts Good error messages Prevent errors

Generative Art 인스타그램으로 작품들을 많이 접한다. P5.js로 인스타그램에서 Generative art를 찾아서 Code clone 해보려고 한다. 이번에 작성한 코드는 @fondazionemarcellomorandini 에서 영감을 받았다. 그리기 위한 조건들 흰색과 검은색 사각형을 번갈아 가면서 그리기 첫 사각형은 언제나 흰색. 행이 바뀌면 사각형의 너비는 반으로 준다. 이전의 행보다 사각형의 개수는 2배 많아진다. 사각형의 높이는 사용자 창 크기에 그리는 행의 개수를 나눈다. See the Pen algorism art | version 1 by 2chung-0 (@2chung-0) on CodePen. 핵심 코드 for (let i = 0 ; i < count; i++ ) { // ..

살바도르 달리와 영화 월 E에서 이름을 따온 DALL·E 요즘 핫한 인공신경망(Neural Network) 기술을 이용해 만들어진 DALL·E의 능력이 엄청나다. DALL·E는 테슬라의 설립자 일론 머스크가 공동의장으로 있는 OPEN AI에서 만든 인공신경망 모델이다. DALL·E는 초현실주의 화가 살바도르 달리와 디즈니 픽사 제작 영화 월E에서 이름을 따왔다. 이름처럼 정말 놀라운 기능을 갖고 있다. DALL·E는 무엇인가? DALL·E는 문자-이미지쌍의 데이터를 이용, 학습시켜, 문자로 이미지를 생성할 수 있게 해주는 모델이다. 예를 들면, 우리가 인식하기에 딸기라는 사진과 딸기라는 문자, 기린 사진과 기린이라는 문자등등의 데이터를 합친 쌍(Pair Dataset)을 기계에 학습시킨 것이다. GPT-..

react-scripts start sh: react-scripts: command not found npm ERR! 위와 같은 에러가 나온다면, npm install -g react-scripts 터미널에 입력한다. Module not found: Can't resolve 'react' 시도 후, 위와 같은 에러가 나온다면, package-lock.json 파일을 지우고, npm install npm start 명령어를 터미널에 차례대로 입력한다.