흰둥씨의 개발장

문제 후기 남겼던 부분을 기록으로 남겨보고자 글 남깁니다:) 1번. 자바 싱글톤 ... 묻는거랫는데 나는 몰라...ㅠㅠ static변수면 인스턴스끼리 공유되는 변수여서 각각의 인스턴스에서 count++하는 메서드 호출해도 같은 변수에 값이 반영되어야 했던 것 같은데 시험장에선 몰랐고,,, 그래서 틀림​2번. C언어 진법변환 해서 하는 시프트 연산 좌시프트 하는거 나왔음 151씀​3번. 아래 보기에 응집도 4가지 주고, 응집도 강한 순서대로 써라 ! 나왔다.기능 - 교환 - 시간 - 우연으로 씀 (우논시절통순기)보자마자 풀 수 있었던 단 하나의 제일 쉬웠던 문제​4번. C언어 "ABCDEFGH"라는 문자열 포인터 문제 였던걸로 기억...for문 안에서 A, H를 가리키는 변수를 가지고 서로 스위칭한 뒤, ..

//JSX...data.map(item => ... )key에 들어가는 값이 정말 same key인지 먼저 확인!! 만약중복키가 있다면 그 부분을 수정해야 합니다. 하지만각각 유니크한 키를 쓰고 있는데도 에러가 지속된다면그럴 때는 브라우저 캐시를 삭제 합시다 !인터넷 사용기록 삭제 + 캐시 삭제 하기 React에서 Key를 왜 쓰는가? 에 대한 답은 아래의 링크에 ...  재조정 (Reconciliation) – ReactA JavaScript library for building user interfacesko.legacy.reactjs.org

next.js 14에서 진행중 문제 봉착...!"next": "14.2.4",//package-lock.json getToken()을 통해 사용자가 로그인중인지 아닌지 확인을 원했음(middleware.js)import { getToken } from 'next-auth/jwt';import { getServerSession } from 'next-auth/react';import { getSession } from 'next-auth/react';import { NextResponse } from 'next/server';export async function middleware(request) {const session = await getToken({ req: request });//const se..

이런 에러가 뜬다면... ?  layout의 body 태그 안에suppressHydrationWarning={true}속성을 추가하자위 속성은 Hydration 경고를 줄이는 것이라고 합니다.(= 작은일에 경고 때리지 마소)//(Root)layoutexport const metadata = { title: 'Create Next App', description: 'Generated by create next app',};export default function RootLayout({ children }) { return ( {children} );}브라우저 확장 프로그램(예: Grammarly, ColorZilla, LanguageTool 등)이 ..

자바스크립트는 싱글 스레드(=실행 창구가 하나다)이다. 그러니까 실행은 순서대로 되겠찌? 슬프게도 Nope... 그러나 웹 브라우저 (=자바스크립트 실행기) 작동방식에 의해 web APIs를 통한 비동기 실행이 가능하다. 비동기실행이란? 순차실행하다가 오래걸리는 연산을 만났다고 할 때, 기다렸다가 다음을 실행하는 것이 아니고, 일단 재껴두고 다음꺼 요청 넣음 웹 브라우저의 비동기 작업방식 짧게 요약 : 일단 오래 걸리는거 될때까지 webAPIs로 보내서 완료되면 큐->실행스택으로 올라오게 해서 실행하고, 오래걸리는거 저렇게 처리할동안 실행스택에서는 다음 코드를 실행요청 들어감 = webAPIs의 기능이 그런 편 (ex. setTimeout(), setInterval() 오래걸리는연산()-> 함수2() 순..

원티드의 하이파이브 2024는 HR Day와 Makers Day로 양일간 진행되었다. 원티드 하이파이브 컨퍼런스‘하이파이브 2024’는 HR 담당자를 비롯해 개발자, 디자이너, 마케터 등 다양한 직군의 직장인을 대상으로 하는 오프라인 컨퍼런스입니다. 2024년 5월 28일 ~ 29일 코엑스에서 만나요!event.wanted.co.kr나는 그중 MAKERS DAY에 프렌즈로 참여신청을 해서, 유료컨퍼런스이지만 무료로 참여할 수 있었다. 프렌즈는 각자 맡은 역할이 달랐는데 나의 경우는 오전에는 원하는 강의를 듣고, 오후에는 강의 세션진행을 돕는 역할을 했다. 8:00까지 모였고, 프렌즈들에게 빵하고, 비타민젤리, 프렌즈티셔츠를 주셔서 입고, 대략적인 공지를 전해들은 후 9:00에 각 기업부스들이 시작되어서 ..

불변성(Immutable) ㄴ 상태를 변경하지 않는 것 ( 상태가 변경된다는 의미는 "메모리에 할당된 값을 변경하는 모든 행위") ㄴ 불변성을 지키지 않는 예시 ) 전역변수 남용해서 어디서 값이 바뀐지 모르는 상황, 변수에 재할당, etc... ㄴ 불변성을 지키지 않을 때 함수형 프로그래밍에서 일어나는 일 : 야근, 예기치 못한 동작(에러, 실행...등), 의도치 않은 상태 변화... ㄴ 불변성을 지키는 것으로 "참조에 의한 전달"로 변경될수 있는 자료형의 변화를 쉽게 감지할수 있어 예기치못한 상황을 막을수 있음 변수는 메모리 주소를 가지고 있고, 변수의 선언은 값이 할당될 공간을 마련하는 것 (변수는 값을 저장하기 위한 공간 자체, 메모리 공간을 식별하기 위해 붙인 이름) => 변수에 값을 할당하면 "..

요새 클린코드를 다시 읽으면서 아래 노션링크에 독서록을 남기고 있다. https://organized-panama-944.notion.site/337d75ef13ff40d7bc33dbba40d30dc6?pvs=4 그 중 오류처리 부분을 읽으면서 필자는 왜 이렇게 하라는 걸까? 라고 생각하며, 내 언어로 이해한 것들을 남겨 보았다:) - 오류코드보다 예외를 사용하라고 하는 이유는 뭘까? : 오류발생시 확인하는 과정도 잊지 않고 검토 할수 있고, 실행로직과 오류처리 코드가 뒤섞이지 않고 분리되어 가독성 측면에서도 좋고, 실행로직을 재사용하기에도 좋아지기 때문 - try-catch-finally문 작성을 권장하는 이유는 뭘까? : catch문이 실행된다면 try에 문제가 있을때이다. 그렇기 때문에 오류의 범위..

📡 웹의 동작 과정 🌐 1. 사용자가 브라우저에 URL을 입력 🌐 => 브라우저는 입력된 URL을 파싱해서 프로토콜(http, https), 도메인 경로등을 추출 2. 도메인 이름을 IP주소로 변환하기 위해 DNS서버에 요청 보내면서 브라우저는 반환된 IP주소로 TCP/IP 연결 시도함 (DNS조회와 TCP/IP연결을 동시에 병렬적으로, 비동기적으로 수행됨), 브라우저는 DNS 조회와 동시에 반환된 IP 주소를 사용하여 TCP/IP 연결을 시도하고, 동시에 HTTP request message를 생성하여 TCP 전송 계층에 전달함. (일반적으로 HTTP는 80번 포트 사용/ HTTPS는 443번 포트 사용) 3. HTTP request message에 headers를 추가해서 패킷을 생성함 4. 패킷은 ..

Component들을 조합하면서 생긴 문제점 : 데이터를 표시하기 위해서 상위 컴포넌트에서 하위컴포넌트까지 Props를 일일히 내려줘야 함 - 즉, 데이터가 필요한 지점까지 props를 넘겨줘야 하기 때문에 해당 데이터를 쓰지 않는 중간 컴포넌트에도 props를 일일히 넣어야 했음 - Props가 많아질수록 Model 이 계속 여기저기 누덕누덕 들어가는 것처럼 됨 위 구조의 문제를 해결하기위해 Flux패턴 이 나옴 Flux 패턴이란? - props로 Model이 분할되는 형태에서 Flux는 Store에서 상태를 관리하는 방식으로 변경됨 - View에서 action을 통해 데이터를 호출하면 dispatcher가 store에 데이터를 불러와 두고 그 값을 View에서 표시함 - Store라는 독립적인 상태 ..

MVVM패턴이란 ? MVC패턴에서 Model, View, Controller로 구성된 내용 중 Controller가 View Model로 바뀌어 만들어진 패턴 View Model이란? View부분을 추상화 한 계층으로 템플릿과 바인딩문법등을 사용해서 "선언적인 방식"을 취하여 여러 처리에 대해 하나의 액션으로 처리함 데이터 바인딩(뷰모델을 변경하면 뷰의 데이터도 변경되도록)처리도 해줌 MVVM아키텍처를 사용하게된 이유? -> Controller부분이 너무 방대해지고, 반복되는 부분들이 많아짐 -> 반복되는 부분은 미리 선언해두는 방식으로 개발하면 편하지 않을까? -> 반복되는 부분을 선언적인 방식(ex. jsx와 같이 약속된 선언을 바탕으로 개발)으로 변경함 -> 앵귤러, React, Vue...등 생겨..

MVC패턴 : App의 구성요소를 모델(Model), 뷰(View), 컨트롤러(Controller)로 구분한 패턴 - 장점 : 재사용성, 확장에 용이함 - 단점 : 애플리케이션 규모가 크고 복잡해질수록 모델-뷰 관계가 복잡해지는 경향있음 모델의 역할 ? 데이터 자체 -서버에서 온 데이터 등... 어디엔가 저장해둔 정보 (=> 장바구니안에 상품, 몇개담았는지 수량) 뷰의 역할 ? - user interface요소 (=> 장바구니를 어떻게 보여주는지에 대한 내용) - HTML + CSS로 그려진 화면단 관련 요소들 - 데이터를 별도로 저장하지 않음 컨트롤러의 역할 ? 모델과 뷰 사이 중간 다리 역할 - 뷰에서 변경된 내용이 있으면 컨트롤러에게 알려서 모델에서 저장, 갱신함 - 모델에서 변경된 내용이 있으면 ..