전체 글
-
[NEXT.js] 서버컴포넌트와 클라이언트 컴포넌트를 어떻게 분리해?코드스테이츠 43기/main-project 2023. 5. 8. 18:03
NEXT.js를 배워서 메인프로젝트에 적용하려고 하는데, useState도 쓸 수 없고 useEffect도 쓸 수 없고(안쓰면 또 서버에서 자료를 받아올 수가 없고..ㅜㅜ) 여러가지 문제점이 있었다. 나중에는 useState,useEffect 등을 사용하려면 CSR을 하면된다는 사실을 깨닫고 아무곳에나 'use client'를 쓰기 시작했는데... 이것은 서버컴포넌트/클라이언트컴포넌트 를 구분하지 않고 그냥 구현만 하는 것이고, 엄청난 에러가 뜬다는 사실을 깨달았다. 게다가 멘토님께서는 이렇게 하면 나중에 감당할 수 없을거라고 하셨다. 아무렇게나 쓰지말고 써야할 상황을 잘 구분해서 써야한다. -> https://mycodings.fly.dev/blog/2022-11-17-nextjs-13-client-c..
-
[프로그래머스] 거리두기 확인하기코드스테이츠 43기 2023. 5. 3. 12:46
function solution(places) { //맨해튼거리가 2이상일경우에는 볼 필요가 없음. // 2이하일 경우에는 파티션이 있는지 보기. // 대각선으로 있을 경우에는 좌우양옆에 파티션이 있어야하고, 가로나 세로로 있을때는 그 사이에 파티션이 있어야함. // 즉 P(i,j)가 있을 경우 봐야할 곳이 // (i-1,j),(i,j-1),(i+1,j),(i,j+1) 인데 만약 X가 있을경우 그쪽방향은 더 안봐도 됨(1), 근데 P가 있어도 더 안봐도됨(0) // O가 있을 경우 더 봐야하는데 (i-2,j),(i,j-2),(i+2,j),(i,j+2)를 더 봐야함. // (i-1,j-1),(i+1,j+1),(i-1,j+1),(i+1,j-1) 여기서 인간(P)이 있다?? // 그럼 저 상하좌우가 다 X인지..
-
[프로그래머스] 수식최대화코딩테스트 2023. 5. 3. 10:27
function solution(expression) { //연산자의 우선순위를 자유롭게 재정의 할 수 있음. 같은 순위는 불가능! 계산된 결과가 음수 -> 절댓값으로 변환 // 가장 큰 참가자가 우승자. //우승 시 가장 큰 상금금액을 리턴하세요~~~!!! //uh..umm...다 해볼 수 밖에 없을 것같음... // 같은 연산자 끼리는 앞에 있는 것이 우선순위가 높다 var answer = 0; let num = ''; let arr = [] for(let i=0;iMath.abs(el)) return Math.max(...answerArr); } function plus(arr){ let newArr = [] let arr2 = arr.slice() for(let i=0;i
-
[릿코드/js] 1046. Last Stone Weight코딩테스트 2023. 4. 24. 23:54
/** * @param {number[]} stones * @return {number} */ var lastStoneWeight = function(stones) { //제일 무거운거 두개를 고른다. //두개의 무개가 같다면 둘 다 없앤다. //다르다면, 큰것의 무게에서 작은것의 무게를 빼서 그것만 남긴다. //이것을 stones에 하나만 남을때까지 반복한다. -> 재귀이용. if(stones.length===1) return stones[0] if(stones.length===0) return 0 let firstHeavy = 0; let secondHeavy = 0; let firstIdx,secondIdx for(let i=0;i=firstHeavy) { secondHeavy = firstHeav..
-
2023.4.18.코드스테이츠 43기/pre-project 2023. 4. 19. 05:33
1.CORS 오류 const [tagData, setTagData] = useState([]); useEffect(() => { setTagData(data.data); }, []); console.log(tagData); const [data, setData] = useState(null); useEffect(() => { axios .get( 'url/tags?page=1&size=20&sortBy=tagId' ) .then(function (response) { // 성공한 경우 실행 setData(response.data); console.log(data); console.log('wkfwkrehdgksek'); }) .catch(function (error) { // 에러인 경우 실행 conso..