all is well!!

이번 next.js를 이용한 프로젝트는 빠른 설정을 위해 자동 설정으로 진행했다. 🟣 npx으로 설치 (TypeScript로 진행) npx create-next-app@latest --typescript 🟣 yarn으로 설치 (TypeScript로 진행) yarn create next-app --typescript 🟣 설치 후 - 개발서버 시작 (http://localhost:3000) //npm 일때 npm run dev //yarn 일때 yarn dev 🐣 이렇게 하면 간단하게 next.js로 프로젝트를 시작할 수 있다..! next.js docs 참고 https://nextjs.org/docs?utm_source=create-next-app&utm_medium=default-template&utm_..

👀 전체적인 기능들 훑어보기 🟣 Main 카드 - 작성 날짜(4일전 ,6일 전…), 댓글 수, 카드 호버시 애니메이션 헤더 - 검색기능, 야간/주간모드 변경 트렌딩(좋아요 많은 순) & 날짜 정렬 🟣 detail 좋아요 태그 클릭시 같은 태그가 있는 다른 게시글 리스트 공유하기 작성자 모든 포스트 목록 보기 H2, h3 태그 자동으로 책갈피 댓글쓰기 🟣 write 작성글 실시간 미리보기 작성영역(마크업) - h1~h4 글씨크기 조절, 글씨 굵게, 글씨 기울이기, 글씨 줄긋기, (“)라벨..?, 링크 등록, 이미지 등록, 코드 등록 자동저장기능 뒤로가기 임시저장 기능 출간하기 기능 ⚽️ Daily Goal 1. main, write, detail 기능 조사하기 (v) 2. nextjs project를 np..

논리 연산자 논리를 가지고 연산하는 연산자 && , || , ! && : 논리 AND || : 논리 OR ! : 논리 NOT 논리 AND의 진리표 (truth table) true가 1, false가 0 논리 곱,그리고,결합의 의미 입력이 둘다 참이어야 참이다. false && false -> false alse && true -> false true && false -> false true && true -> true 논리 OR의 진리표 논리 합,또는,선택의 의미 false=0, true=1 덧셈,또는(둘중에 하나만 참이라도 결과가 참) false || false -> false false || true -> true true || false -> true true || true -> true 0만 거..

const [plus, setPlus] = useState([{ a: '', b: '' }]); const var1 = (a, b) => { { const var2 = plus.findIndex(e => e.idx == idx); if (var2 == -1) { const value = { a: a, b: b } setPlus([...plus, value]); } } } usestate set에 새로운 배열 값을 추가했지만 리렌더링은 고요해서 또 땀이 삐질삐질...😅 배열 부분도 그렇고 아직 state에 대한 개념이 부족한 것 같다. 다시 차근차근 찾아보니 불변성을 지키지 못해 일어난 오류였던것 같다... 불변성이란? 불변성은 메모리 영역의 값을 변경할수 없게 직접적으로 변경하지 않고 새로운 값을 만들어..

😇 문제 🙏 답 function solution(strings, n) { strings.sort(function(a,b){ let first = a[n]; let second = b[n]; if(first == second){ return (a>b) - (asecond) - (first0, 양수입니다. 결과값이 양수이므로 또 10과 9의 순서를 바꿉니다. 이런 식으로 계속 두 인자를 비교해서 결과값이 양수가 나오면 순서를 바꾸고, 음수가 나오면 순서를 그대로 유지하는 겁니다. 배열이 바뀌어가는 순서를 보면 이해하기 쉽습니다. [(20), (10), 9,8,7,6,5,4,3,2,1] 20-10 = 10, 즉 양수이므로 순서바뀜! ()는 비교되는 인자값. [(10), 20, (9),8,7,6,5,4,3,2,..