본문 바로가기
반응형

전체 글68

ChatGPT, 지브리 스타일 도대체 뭐길래 ? - 논란 / 사용법 요새 GPT로 지브리 스타일로 변경하는 것이 매우 핫하다. 아래와 같은 기사를 살펴보자. 지브리 스타일 이미지 변환, AI 기술 논란 속 인기최근 오픈AI가 출시한 최신 이미지 생성 기술이 전 세계적으로 큰 화제를 모으고 있다. 특히, 일본 애니메이션 거장 미야자키 하야오 감독이 설립한 스튜디오 지브리의 독특한 화풍을 그대로 구현할 수 있는 기능이 사용자들 사이에서 큰 인기를 끌고 있다. 색감, 질감, 화풍 등을 정밀하게 재현하는 기술력에 대해 "신기하다"는 반응이 이어지고 있다.오픈AI의 이미지 생성 기술은 지브리 스타일뿐만 아니라 심슨, 픽사, 디즈니, 슬램덩크 등의 다양한 애니메이션 스타일도 정교하게 구현할 수 있어 활용도가 더욱 높아지고 있다. 이에 따라 이용자가 폭발적으로 증가하며, 오픈AI의 .. 2025. 4. 1.
[오늘의 일기 만들기] fetch와 axios를 사용하여 API 불러오기 (feat. useEffect) 엘리스에서 Promise, fetch, async/await, axios를 배웠는데 그 중 제일 이해가 잘 갔던 내용은 axios 였다. 문제를 풀면서도 그냥 넘어가기보다는 어느정도 이렇게 동작하는구나 하며 보고 지나갔는데, 일기장 만드는 것에서 fetch로 api를 사용하는 부분이 나왔다. fetch로 가져오는 거면 당연하게도 axios로도 가져올 수 있겠지? 배운 거 복습할 겸 작성해보자 ! 하고 작성해보았다. 바로 안떠올라서 지난번 풀었던 문제를 다시 보며 풀었다. 1. 거기에 추가로 useEffect Hook을 같이 사용했다. useEffect의 두번째 인자에 deps로 받는 부분에 빈 배열을 넣어주면 렌더링 시 한 번만 실행되기 때문에, API는 처음 한 번 불러오면 되니까 그렇게 했다. 2. .. 2022. 6. 21.
[오늘의 일기 만들기] 리액트 useState 사용&활용하기 최근 개인프로젝트 스터디를 진행하는 중 초반 수업인데도 useState를 더욱 보기좋게 수정하는 모습을 보았다. 따라적으며 오 이렇게 되는구나 이해했다고 생각했는데, 다음날 다시 코드를 보니 내가 코드를 짜려고 하면 못할 것 같았다. 또 기록해두지 않으면 또 까먹기에 작성해보려 한다. 기본 틀을 작성하며 어떻게 함수를 개선하는지 보자. * 만약 이 글을 읽으신다면, 기본적으로 useState와 리액트가 어떤식으로 쓰이는지 쪼끔!만 이해하고 오시면 더욱 좋을 것 같습니다! 간단 소개 State란 컴포넌트 내에서 유동적으로 변할 수 있는 값. Hook이란 컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect) 하기 위해 사용. Hook의 이름은 반드시 use로 시작해야한다. *.. 2022. 6. 20.
리액트 설치(create-react-app)부터 깃헙으로 배포(gh-pages)까지 월요일에 배웠는데 수요일에 복습하는데 다 까먹은 나를 보며 내 자신이 마음아파 적는 리액트 설치하고 배포까지 하는 법을 빠르게 작성해본다. (라며 다 작성했더니 2시간이 걸렸다)물론 배포는 제일 마지막에 배우는 거라고 하는데, 맛보기? 로 빠르게 할 수 있음을 알아두자. *참고로 npm은 깔려 있다고 가정했다.. npm 설치는 검색해보자..! 요약. 1. npx create-react-app@latest . 2. npm start (확인차 해봄) 3. hello world (확인차 해봄) 4. github 레포지토리 생성 5. git remote add origin 5-1. git add . 5-2. git commit -m "hello world" 5-3. git push --set-upstream o.. 2022. 6. 9.
백준 2675 문자열 반복 자바스크립트 Javascript 2시간 고민했으면 많이 한거 같은ㄷ.. 알고리즘은 왜이렇게 어려울까 ..? 거~의 다 왔는데 뒷부분에서 자꾸 막혔다 ㅜㅜ 스터디 같이하는 분이 마침 푸셨길래 봤는데 제일 이해가 쉬웠다. let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split('\n'); // 2 // 3 ABC // 5 /HTP const arr = []; const count = Number(input[0]); //2 let result = '' for(let i=1; i 2022. 4. 21.
자바스크립트로 입출력 받기 자바스크립트로 알고리즘 문제 풀기 어쩌다보니(사실은 내가 선택했지만) 자바스크립트로 알고리즘 문제를 풀기로 한 나. 왜 그랬을까 2시간 후회했음 왜냐면 입출력부터 까다롭기때문 ㅡㅡ 사실 부트캠프 수업 들을 때 readline 머시기 어케 써서 하는걸 봤는데, 여전히 이해 안되는 식들이었음 뭐 여기서 입력을 받고 아래서 출력을 쓰는거다~ 하는데 그냥 여따 쓰면 입력이고 저따 쓰면 출력이고.. 이정도만 아는정도? 진짜 readline으로 해야되나 아 모르겠는데 하면서 readline 다시 집중해서 공부해봐야지.. 하면서 구글링 하는데 fs라는 게 있네 ? 구글링 조금만 하면 알 수 있기도 했는데, 나는 2시간 걸렸음 ㅇㅇ; 출처 (미리 공유 https://rrecoder.tistory.com/60 vscod.. 2022. 4. 18.
반응형