공부 || 정리
[CKEditor 4] Base64 인코딩 이미지 Editor 등록 이슈
[CKEditor 4] Base64 인코딩 이미지 Editor 등록 이슈
2022.03.151. 문제 인식 다른 사이트의 이미지를 복사하여 게시글을 작성하면 이미지가 잘 등록되지만, 특정 이미지나 로컬에 저장된 이미지는 등록이 되지 않는 이슈가 있었습니다. 아래 사진과 같이 Editor에 분명히 로컬에 저장되어있는 이미지를 넣고 등록 버튼을 눌렀지만, 참고로 위 사진은 이슈를 해결하고 나서의 Editor라, 버전은 4.17.2입니다. 이슈가 발생했을 때의 Editor 버전은 4.13.2였습니다. 하지만 버전업이 근본적인 문제 해결책이 아닙니다. 4.17 버전부터 이미지를 Base64로 Editor에 끌어다 놓기를 허용하지만, 등록은 되지 않을 수 있습니다. 아래 사진을 보면 이미지는 사라져있습니다. 2. 문제 해결 lib/common.lib.php 파일을 찾습니다. 위 파일에서, $config..
[공채 후기] 2022년 아프리카TV 웹 서비스 개발 공채 후기 (페이지/REST API직무, 1차면접, BTB 면접, 최종면접)
[공채 후기] 2022년 아프리카TV 웹 서비스 개발 공채 후기 (페이지/REST API직무, 1차면접, BTB 면접, 최종면접)
2022.02.05자기소개서 (서류 전형) 저는 웹 서비스 개발(웹 서비스 페이지 / REST API) 부문 지원자였습니다. 자기소개서는 모든 문항을 500자 이내로 작성해야 했습니다. 이 부분은 좋았습니다. 자기소개서를 제외하고 이력서에 블로그, 포트폴리오 링크를 작성하였습니다. 제가 지원한 부문은 따로 코딩 테스트를 진행하지 않았습니다. 여러 리뷰를 찾아봤을 때, 사전 테스트가 있다고 했지만 따로 저는 보지 않았습니다. 하지만 코딩 테스트 혹은 사전 과제가 있던 직무도 있었습니다. 서류를 합격하면 바로 1차 면접이었습니다. 1차 면접 1차 면접은 대면 다대다 면접으로 진행됐습니다. 3(지원자) : 4(면접관) 면접이었습니다. 자유 복장이었습니다. 1차 면접은 위 건물 1층에서 진행했습니다. 대면 면접은 정말 오랜만이라..
[공채 후기] 2021년 하반기 11번가 광고플랫폼 개발 공채 후기 (FE직무, 1차면접, 최종면접)
[공채 후기] 2021년 하반기 11번가 광고플랫폼 개발 공채 후기 (FE직무, 1차면접, 최종면접)
2022.02.04자기소개서 && 코딩 테스트 (서류 전형) 저는 광고 플랫폼 개발 부문 지원자였습니다. 직무는 FE입니다. 11번가는 자기소개서가 굉장히 중요한 것 같습니다. 저도 신중을 가해서 작성하였고 포트폴리오도 제출했습니다. 포트폴리오는 선택이지만 필히 제출하는 것을 추천드립니다. 코딩 테스트 난이도가 쉬워서 자기소개서에서 많이 필터링되는 것 같습니다. 코딩테스트는 기억상 3문제(?) 출제됐던 것 같습니다. 문제 수가 중요한 게 아니라 난이도가 굉장히 쉽습니다. 같이 지원했던 친구는 다 풀고도 서류 탈락한 것을 보면 자기소개서가 중요한 것 같습니다. 1차 면접 (직무 면접) + 사전과제 1차 면접에서는 사전 과제가 주어집니다. 사전 과제 내용은 구체적으로 말씀 드릴 수 없지만, 몇 가지 주제 중에서 하나를 선택하..
[공채 후기] 2021년 하반기 다우기술 신입 공채 후기 (Web Application 개발, 1차 면접)
[공채 후기] 2021년 하반기 다우기술 신입 공채 후기 (Web Application 개발, 1차 면접)
2022.02.03자기소개서 저는 Web Application 개발 부문 지원자였습니다. 자기소개서는 다른 기업과 크게 다를 거 없었습니다. 무난하게 작성하였습니다. 저는 github 링크와, 포트폴리오, 블로그 링크를 자소서에 첨부하였습니다. 기술력 진단 서류에 합격하면 인적성검사 + 오프라인 코딩 테스트를 치르게 됩니다. 인적성 검사는 인성검사 + 삼성의 GSAT 같은 문제가 출제됩니다. 난이도는 제 기준에서 조금 어려웠던 걸로 기억합니다. (시간이 부족했습니다.) 오프라인 코딩 테스트는 COS pro 시험입니다. 잘 몰랐던 시험이었는데, 기술력 진단을 보면서 알게 되었습니다. 신촌 CBT 센터에서 시험을 봅니다. 난이도는 쉬운 편에 속합니다. 사전에 언어를 선택하여 볼 수 있습니다. (저는 Java로 봤습니다.) 문..
[React] context API로 전역 상태 관리하기
[React] context API로 전역 상태 관리하기
2021.09.15Context API Context API의 Context는 컴포넌트의 단계마다 Props를 일일이 전달하지 않고, 원하는 컴포넌트 트리에 데이터를 제공할 수 있는 State Management 툴입니다. React는 데이터를 상위에서 하위 컴포넌트로 Props를 전달하는 구조입니다. 그래서 구현된 컴포넌트 트리에 컴포넌트 개수가 많아질 경우에는 데이터를 전달하는 과정이 복잡해질 수 있습니다. Context API를 이용하면 각 컴포넌트마다 데이터를 파라미터로 받거나 하위 컴포넌트에 데이터를 전달하는 과정이 생략됩니다. 즉, 이러한 관리를 전역적으로 상태를 관리한다고 말할 수 있습니다. Context API에는 Provider, createContext, Consumer의 개념이 있습니다. 이들의 개념만..
[Error] Github Support for password authentication error 해결법
[Error] Github Support for password authentication error 해결법
2021.08.15최근 Github에서 push, pull, clone 등 행동을 할 때 로그인이 안되거나, 위와 같은 메시지를 마주치신 분이 있으실 겁니다. 저는 push에서 위와 같은 이슈가 발생했습니다. GIthub에서 2021년 8월 13일부터 비밀번호 사용을 차단하여 생긴 이슈였습니다. 보안 이슈때문에 비밀번호 사용을 금지한 것 같은데 자세한 사항은 위 사진에 적혀있는 깃헙 링크에 가셔서 확인해주시길 바랍니다. 저는 아래와 같이 해결하였습니다. Github 프로필을 눌러서 Setting -> Developer settings -> Generate new token을 클릭합니다. 그 다음 패스워드를 입력하여 들어갑니다. 위 화면에서 토큰을 생성합니다. Select scopes에서 어떤 것을 선택하실지 많이 망설여지..
[JavaScript] 자바스크립트 동작 원리와 Call Stack, Event Loop
[JavaScript] 자바스크립트 동작 원리와 Call Stack, Event Loop
2021.08.14자바스크립트 동작 원리 이벤트 루프를 공부하면서 자바스크립트 동작 원리 안에 이벤트 루프 개념이 포함된다는 것을 깨달았습니다. 그래서 이벤트 루프와 자바스크립트 동작원리를 같이 포스팅하고자 합니다. 자바스크립트는 단일 스레드 기반 언어입니다. 이 말은 JS 엔진(자바스크립트 엔진)이 단일 호출 스택을 사용한다는 의미입니다. 쉽게 말해서, 한 순간에 하나의 작업만을 처리할 수 있습니다. 하지만 여러 웹 페이지의 자바스크립트 환경을 보면 많은 작업이 동시에 처리되고 있음을 알 수 있습니다. 대표적인 예로는, 애플 공식 사이트와 같이 애니메이션은 지속적으로 송출되면서 키보드 혹은 마우스 입력을 동시에 처리되는 경우가 있습니다. 자바스크립트는 단일 스레드 기반인 동기적인 언어라는 것을 알 수 있습니다. 그렇다면..
[CS] 웹 브라우저는 어떻게 작동하는가?
[CS] 웹 브라우저는 어떻게 작동하는가?
2021.08.14웹 브라우저 작동 원리 주소창에 https://www.naver.com 혹은 https://www.youtube.com 등 다양한 URL을 검색하여 해당 웹 페이지에 접속한 경험이 있을 겁니다. 그렇다면 어떤 동작 원리로 우리가 입력한 웹 페이지로 접속이 가능한 것일까요? 이번 포스팅에서는 주소 창에 URL 혹은 도메인을 입력했을 때 어떤 과정을 거쳐서 웹 페이지가 보이는지 알아보겠습니다. 브라우저란? 웹 브라우저는 동기(Synchronous)적으로 (HTML + CSS), Javascript 언어를 해석하여 내용을 화면에 보여주는 응용 소프트웨어입니다. 더보기 script 태그를 body 태그 하단에 위치시키는 아이디어에서 찾을 수 있다. HTML 요소들이 script 로딩 지연으로 인해 렌더링에 지장..
[Java] 진법 변환 토이 프로젝트 (N진수를 K진수로 변환하기, No Library)
[Java] 진법 변환 토이 프로젝트 (N진수를 K진수로 변환하기, No Library)
2021.07.26개요 코딩 테스트에서 진법 변환 문제가 나왔습니다. 여러 조건 때문에 결국 못 풀어서 한이 남아 아예 프로젝트를 하나 만들고 포스팅으로 박제하고자 합니다. 한번 익혀두면 잊어버리지 않으니, 공부하면 좋은 지식이 될 거라 생각합니다. N진수를 입력 받아 N진수를 K진수로 변환하는 방법을 알아보겠습니다. ex) 1111(2) -> 17(8) N = (2 ~16) 진수 K = (2~16)진수 NotationConversion NotationConversion은 제가 지은 프로젝트 이름입니다. N진수를 K진수로 바꾸는 변환 과정은 다음과 같습니다. N진법으로 표기된 숫자를 10진법으로 바꾸고 바꾼 10진수를 K진법으로 바꿔줬습니다. 자바 코드로 먼저 확인해보겠습니다. import java.io.BufferedR..