코딩애플 next js 강의 들으면서 기록함 👀 Next js 풀스택 프레임 워크 (프론트 + 백) 리액트 문법을 기반으로 함 최신버전에서는 파일과 폴더를 만들면 자동으로 html 페이지 생성 클라이언트 사이드 렌더링 기능 가능 이미지 최적화 폰트 등등 훨씬 더 편리하게 but 큰 프로젝트 시 복잡한 폴더파일들 컴포넌트들이 엄청 많아짐 그냥 html렌더링만 잘하는 📌설치하기 next.js 13.2.4 버전 node js LTS 설치 18 버전 이상 npx create-next-app@latest --experimental-app 프로젝트 이름을 정한 후 TypeScript/ESLint/Tailwind/src 디렉토리 등 사용여부를 확인한다. (나는 모두 no) ✔ next 13.2.4 로 진행 npm r..

2023 프로그래머스 개발자 설문조사 리포트 2023 프로그래머스 개발자 설문조사 리포트 4034명이 참여한 온라인 설문 조사 결과를 통해 우리나라 개발자들의 솔직한 의견을 확인하세요. programmers.co.kr 프로그래머스에서 개발자 대상으로 조사한 여러 가지 설문조사 중 과연 개발자들은 노동요 무엇을 들을까! 흥미로운 질문에 과연 1위는? A. 재즈요 오 케이팝이 1위일 거라는 예상과 다르게 재즈를 듣는다는 결과가 나왔다 개인적으로도 일할 때나 공부할 때는 주로 재즈나 lofi 음악을 듣는 편이다. 주위에 추천했다가 자장가 모음아니냐고 한소리 들었지만 적당한 베이스 멜로디를 왜 몰라주지 lofi : Low Fidelity의 약자로 음질이 낮고 잡음이 많은 곡을 의미한다. 반대로 고음질의 음원을 ..

new Date() const date = new Date(); console.log(date) //Mon Apr 03 2023 13:16:27 GMT+0900 (한국 표준시) 날짜 가져오기 const date = new Date(); const year = date.getFullYear(); const month = date.getMonth(); const day = date.getDate(); console.log(year, month, day); //2023 3 3 //현재 날짜 2023년 4월 3일 월 정보를 가져오기 위해 getMonth()를 활용했다. 주의할 점은 1월은 0부터 시작하여 12월은 11로 나타나기에 +1을 해줘야함 YYYY-MM-DD 형식으로 const date = new Dat..

https://velog.io/@teo/computational-thinking 컴퓨팅 사고와 개발 실력 늘리는 공부법 혹시 개발 실력 늘리는방법 효과보신 글이나 유튜브 영상 있으시면 공유해주실분 계신가요... 인강보면서 개발공부중인데 이게 맞는 공부법인가 싶네요. ‘컴퓨터적으로 사고’하는 개발자가 velog.io 테오님의 글 늘 갖고 있던 고민에 대해 잘 풀어 설명해주신 글 같아 남겨둔다.

일반적으로 알고 있는 a태그는 링크를 이동시켜주는 앵커태그 페이지 이동 네이버로 이동 특정 url 값으로 해당 페이지가 이동한다. 스크롤 이동 box 아이디 box로 가기 다른 태그에 작성된 아이디 값을 추가하여 특정 위치로 스크롤을 이동시킬 수 있다. 페이지 전환이 아닌 현재 페이지에서의 위치 이동이다. "#" a태그에 #만 있을 경우 브라우저가 페이지의 맨 위로 이동한다. 그렇다고 href=""를 비워둘 순 없다. 유효성 오류 문제가 있기 때문이다. javascript:void(0) 클릭 void(0) 은 자바스크립트 함수이다. javscript: 뒤는 오는 것을 자바스크립트의 코드로 해석한다. void 안에는 영문, 숫자도 사용이 가능하지만 일반적으로 0 을 사용한다 a 태그의 이동기능을 무력화 시..

물고기는 존재하지 않는다 저자 룰루 밀러 그래서 이게 무슨 장르인데 라고 생각들만큼 당황스러운 전개다. ​ 초반에는 에세이인가 교육학인가 찬양글인가 싶다가도 탐구? 추리? 철학? 과학? 사회비판? ​ 알 수 없는 전개 방식으로 넘어 일단 며칠 동안 늘어지게 읽기는 했음 속도가 나질 않았다. 머릿속은 정리가 잘 안 되고 남는 게 없는 느낌 그래도 마지막 물고기는 존재하지 않는다 제목의 의미와 몇 의미가 이해되었지만 전체적인 약간의 지루함과 알 수 없는 찝찝한 혼란을 모르겠다. ​ 그래서 물어봄 ​ ​ ​ ​ Chat GPT https://openai.com/blog/chatgpt 나 : hi ​ ​ ChatGPT : Hi~ ​ ​ ​ 나 : 너 한국말 할 줄 알아? ​​ ​ ChatGPT : ㅇㅇ물론 ​ ..

티스토리에 네이버 사이트 글이라 일단 고 글 쓰다가 한 번 날려먹음 휴 화나 매년 3월 23일은 국제 강아지의 날 몰랐음 이렇게 귀염 가득한 하루가 있었네 화면을 클릭하면 귀여운 강아쥐들이 오른쪽 왼쪽 뛰어다닌다. 귀 여 워 출근해서 찾은 짧은 즐거움 Intro. 일단 보자 으_흠 그러다 문득 궁금했다 어떻게? 무엇을 사용했길래 화면에 강아지들이 뛰어다닐까 자세히 파보지는 않겠다 훑어만 보기 보니까 90년생이라면 한 번쯤 보고 했을 법한 고전게임 바탕화면 부수기가 생각남 화면을 클릭하면 다양한 연장으로 컴퓨터 바탕화면울 지지고 박살 내는 게임 그럼 지금 사용한 기술에는 뭐가 있을까 wappalyzer을 사용하면 현재 방문한 사이트가 어떤 프로그램으로 만들어졌는지 확인할 수 있음 1. LottiesFile..

GSAP (The GreenSock Animation Platform) : 프론트엔드 개발자와 디자이너들이 쉽게 사용할 수 있는 타임라인기반 애니메이션 자바스크립트 라이브러리 CDN으로 가져오기 https://greensock.com/docs/v3/Installation?checked=core,scrollTrigger gsap에 스크롤 이벤트를 적용할 때 ScrollTrigger와 함께 쓰인다. 그러므로 같이 cdn으로 가져왔다. 공식 문서 읽기 https://greensock.com/get-started/ Getting Started with GSAP Welcome! In this article we’re going to cover GSAP's core fundamentals and animate so..