코드스테이츠 43기
-
[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.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..
-
2023.4.17.코드스테이츠 43기/pre-project 2023. 4. 18. 00:24
[오류1] git merge... -> git에서 풀리퀘날릴때 변경사항만(내가 바꾼 파일만) commit해서 날리는게 좋은 것 같다... git pull -> 웬만하면 그 브랜치에서 pull해야함 그 브랜치에서 pull하고, 나의 브랜치를 만들어 사용해야 충돌없이 pull할 수 있음 (남의 브랜치를 pull해오면 충돌이나서 merge먼저 하라고 한다...) 그래서 결론은 작업하기전에 pull부터하고, 브랜치 새로 만들어서 작업하기. 브랜치 위치 항상 확인하여 commit 하기
-
CI/CD코드스테이츠 43기 2023. 4. 3. 16:58
클라이언트 배포 CI/CD CI : 개발자를 위한 자동화 프로세스인 통합(Contunuous Integration) CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경사항이 정기적으로 빌드 및 테스트되어 공유리포지토리에 통합되므로 여러명의 개발자가 동시에 애플리케이션 개발과 관련된 코드 작업을 할 경우 서로 충돌할 수 있는 문제를 해결할 수 있다. CD: 지속적인 서비스제공(Continuous Delivery) 또는 지속적인 배포(Continuous Deployment)를 의미하며 두 용어는 상호 교환적으로 사용된다. 두가지 의미 모두 파이프라인의 추가 단계에 대한 자동화를 뜻하지만 때로는 얼마나 많은 자동화가 이루어지고 있는지를 설명하기 위해 별도로 사용되기도 한다.
-
컴퓨터 구조코드스테이츠 43기 2023. 3. 29. 22:31
CPU의 구조 산술/논리 연산장치 ->덧셈을 수행 제어장치 -> 시그널을 통해서 흐름 통제 레지스터 -> CPU 내부의 메모리 산술/논리 연산장치 산술논리연산장치(ALU)는 산술적인 연산과 논리적인 연산을 담당하는 장치이다. 가산기,보수기,누산기, 기억레지스터,데이터 레지스터 등으로 구성된다. 캐시나 메모리로부터 읽어온 데이터는 레지스터라는 CPU전용의 기억장소에 저장된다. ALU는 레지스터에 저장된 데이터를 이용하여 덧셈,곱셈과 같은 산술연상을 수행한다. 부동소숫연산장치(FPU)와 정수연산장치, 논리연산(AND,OR)장치 등이 있다. 레지스터 레지스터는 중앙처리장치 내부에 있는 기억장치이다. 두가지로 구분할 수 있는데, 다음과 같다. -범용레지스터: 주로 산술 연산 논리장치에 의해 사용된다. -전용레지..
-
[2023.3.13] 섹션3 기술면접준비코드스테이츠 43기 2023. 3. 13. 11:45
IP 프로토콜의 한계에 대해서 설명해주세요. IP(인터넷 프로토콜)은 복잡한 인터넷 망 속 수많은 노드(하나의 서버컴퓨터)들을 지나 클라이언트와 서버가 정확하게 데이터를 전달하고 무사히 통신할 수 있게 해준다. 전송데이터를 무사히 전송하기 위해 IP주소를 컴퓨터에 부여하여 지정한 IP주소에 패킷이라는 통산단위로 데이터 전달하는 방식을 이용한다. IP패킷은 전송데이터를 무사히 전송하기 위해 출발지 IP,목적지 IP와 같은 정보가 포함되어있다. 패킷 단위로 전송을 하면 노드들은 목적지 IP에 도달하기 위해 서로 데이터를 전달한다. 이를 통해 복잡한 인터넷 망 사이에서도 정확한 목적지로 패킷을 전송할 수 있다. 서버에서 무사히 데이터를 전송받는다면 서버도 이에 대한 응답을 돌려줘야한다. 서버 역시 IP패킷을 ..