전체 글76 jQuery : text(), val() 차이 text() : form 요소 혹은 html 요소의 text를 가져온다. form의 input, script 등은 가져오지 못한다. val() : form 요소의 value 값을 가져온다. input element의 값은 val()로 가져와야 한다. 2025. 5. 29. javascript 의 try-catch, React 에서는 불필요할까? 대세가 되어버린 React 에서 컴포넌트를 ErrorBoundary 로 감싸는 것 말고try - catch 는 어떻게 사용하면 좋을까에 대한 의견이다. React 에서는 ErrorBoundary 가 try-catch 와 매우 유사하게 작동한다.하지만 try-catch는 명령형 프로그래밍에 보다 적합하고 React 와 같은 선언형 프로그래밍에는 ErrorBoundary가 보다 포괄적이다.ErrorBoundary에서 포착하지 않는 것이벤트 핸들러비동기적 코드 (예: setTimeout 혹은 requestAnimationFrame 콜백)서버 사이드 렌더링자식에서가 아닌 에러 경계 자체에서 발생하는 에러일반적인 에러처리일반적인 상황에서는 그냥 ErrorBoundary 클래스를 선언하고 에러처리를 하면 된다.Er.. 2025. 5. 27. Object : StringBuilder,StringBuffer 담긴 문자의 길이를 X라고 하고 바꾸려는 문자의 길이를 n이라고 할 때, 값을 바꾸기 위해 아래와 같이 String 의 길이를 늘린다면 시간복잡도는 O(Xn^2)가 된다.String joinWords(String[] words){ String sentence = ""; for(String w:words){ sentence = sentence + w; } return sentence;} 위 코드에서 sentence에 한 글자를 추가하기 위해서 길이인 X만큼 읽기를 반복한 후 더해야 하기 때문이다.이 경우에 StringBuilder 클래스를 사용하면 된다. StringBuilder는 배열을 생성하고 배열공간에 단순히 추가하다가, 배열공간이 부족하면 배열을 늘리기 때문에 매번 X만큼 읽.. 2025. 5. 25. 5월 12일 면접 후기 1. 자기소개: 웹 개발자입니다. 자바/스프링 백엔드 개발자로 커리어를 시작하여 현재는 프론트엔드 개발에 보다 관심을 가지고 있습니다.백엔드 개발자로서 커리어를 시작하다 보니 백엔드 개발에 대한 기본 지식을 가지고 있고, 비즈니스 프린터 기업 빅솔론에서는 React 로 라벨 디자인 웹앱을, 중고차 상품화 플랫폼 체카에서는 딜러 및 파트너스용 앱을 개발하였습니다. 2. 총 경력에 대한 질문 : 사람인 자소서상으로는 5년 7개월이라고 되어 있는데 실제 개발 경력은 3년 맞으신가요?: 맞습니다. 이전 사회 경험이 포함되다 보니 5년 7개월로 표기 되었고 실제 개발 경력은 만 3년입니다. 3. 직무 전환 계기 : 영업 직군에서 개발 직군으로 어떻게 직무를 전환하게 되셨나요?: CJ프레시웨이에서 서비스운영 업.. 2025. 5. 14. 4월 25일 면접 1. Dithering 과 그 알고리즘에 대해 설명 부탁드립니다.: Dithering 은 픽셀을 돌면서 백색 또는 검정색으로 변환하는 것을 의미하고, 그 알고리즘으로 에러디퓨전, 스테인스... 풀네임이 잘 기억이 안 나는데 스테인스 알고리즘이 잘 사용됩니다.이 알고리즘은 픽셀을 돌면서 주변 픽셀에 특정한 행렬을 곱해서 에러를 수정합니다. 일종의 에러디퓨전 입니다.그 외에도 매트릭스 알고리즘 등이 있습니다.: 코딩테스트에서 '인상 깊은 알고리즘 또는 기술'에 대해서 적어달라고 해서 적었는데 이걸 면접에서 자세히 설명해달라고 할 줄은 몰랐다.플로이드-스타인버그 알고리즘의 이름이 생각이 안 났고 개략적인 디더링의 원리만 설명했을 뿐 정확히 이야기하진 못한 것 같다. 찝찝 2. File 과 Blob 의 차이에 .. 2025. 4. 30. Window : devicePixelRatio window 객체 내 devicePixelRatio 속성은 CSS의 1px 이 디스플레이 기기에서 표시되는 비율을 반환한다 CSS 의 1px 은 디스플레이 기기에 따라 1px 로 표현될 수도 그 이상으로 표현될 수도 있다. 표준 해상도인 96 DPI 에서는 1을 return 하고 Retina 와 같은 고해상도 디스플레이의 경우 2를 반환한다.디스플레이 기기가 연결되어 있지 않은 경우 1을 반환한다. (관련 링크) window.matchMedia() 함수를 사용해서 아웃풋 기기(디스플레이 기기)의 Ratio 가 변경되었는지 감지하고 대응할 수 있다.아래는 MDN Example 코드let remove = null;const output = document.querySelector("#output");cons.. 2025. 3. 31. 이전 1 2 3 4 ··· 13 다음