2023년부터 로그 기록 2023년부터 로그 기록

목차 1. CORS란 무엇인가요? 2. Proxy 전자책 집필을 목표로 프론트엔드 개발자 기술면접 질의 응답을 정리해보고자 한다. 오늘의 주제는 CORS(Cross-Origin Resource Sharing) 와 Proxy Server 이다. 1. CORS 란 무엇인가요? 1-1. 30초 답변 CORS 란 교차 출처 리소스 공유라는 의미로, 웹 어플리케이션이 출처가 다른 자원에 접근할 수 있도록 브라우저와 서버가 협력하는 방식입니다. CORS 에 대처하는 방법은 서버 측에서 허용하는 Origin 과 메서드, 헤더 등을 응답 헤더에 명시하는 것 입니다. CORS를 우회하는 방법은 프록시 서버를 사용하거나 JSONP와 같은 기법이 있습니다. 1-2. 상세 설명 CORS 는 한 출처에서 실행되는 웹 어플리케이..

목차 1. 미디어쿼리의 사용법 2. 다양한 미디어쿼리의 활용 3. JS 를 이용한 화면 사이즈 분기 4. 미디어쿼리는 단순히 사이즈만 나누는 것이 아니다. 1. 미디어쿼리의 사용법 1-1. 미디어쿼리의 기본 - HTML Link 태그로 사용 (실무에서 사용 잘 안함) > 파일을 나눠서 사용함 > - CSS @media 키워드로 사용 (일반적인 사용법) - @media only all and (조건) and (조건( {} > all : 미디어 설정, 생략시 기본값 all, screen | print 를 주로 사용 > only : 특정 미디어에만 적용하는 경우, screen | print 를 지정하는 경우 > and : 미디어 쿼리의 조건은 모두 and 키워드로 연결 > 조건 : 반드시 괄호 () 안에 조건..

목차 1. 요약 2. 실행 컨텍스트 3.실행 컨텍스트의 생성과 식별자 검색 과정 모던 자바스크립트 딥 다이브 스터디 3-1, Ch. 23, 실행 컨텍스트, 스코프 이 글은 모던 자바스크립 딥 다이브 책 中 실행 컨텍스트 부분을 타이핑한 것입니다. 내용의 이해가 어려워서 직접 타이핑과 그림을 그려가며 이해 했습니다. 1. 요약 - 실행 컨텍스트는 소스코드를 실행하기 위한 필요한 환경을 제공하고 실행 결과를 실제로 관리하는 영역이다. - var 키워드로 선언한 변수 x 는 '선언 단계'와 '초기화 단계(undefined)'가 동시에 진행된다. - 전역 코드 평가 시점에 객체 환경 레코드의 BindingObject 를 통해 전역 객체에 변수 식별자를 키로 등록한 다음, 암묵적으로 값을undefined 를 바인..

목차 1. 기술면접 2. CS 관련 질문 3. 네트워크 관련 질문 프론트엔드 직군의 기술면접관련 책 집필을 진행하고 있다. 저번 FE 기술면접 단골 질문(OOP와 ES6 이후 추가 기능) 에 이어서, 이번에 내가 맡은 주제는 네트워크과 컴퓨터 공학(CS) 관련 질문들이다. 시간이 충분히 주어지지 않기 때문에 우선 ChatGPT 에게 물어보고, 그 답변을 기준으로 방향을 잡아 자료조사 및 내용의 퀄리티를 높여갈 계획이다. 아래 내용들은 Microsoft Bing 의 웹용 AI 를 사용했다. 다소 퀄리티가 부족하더라도, 급한 사람들에게는 다듬어지지 않는 내용이라도 도움이 되지 않을까 싶어 공유한다. 1. 기술면접 기술 면접이란? 더보기 기술 면접이란, 입사 지원자의 개발 역량과 협업 능력을 평가하는 과정입니..

유튜버 생활코딩, WEB3-Ajax-5.1.fetch API-요청과 응답 中 좀 어려워요. 이걸 모른다고 여러분이 Ajax 를 못하는 것이 아니고, 사용법만 알면 할 줄 아는 거예요. 보시면서 지루하거나, 어렵거나, 이해가 안간다면 fetch API 의 이해는 건너 뛰시고 우리 수업의 예제를 완성하는 쪽으로 탁 넘어가십쇼, 과감하게. 자꾸 Copy & Paste 하면서 쓰다보면 하나씩 익숙해지고 이해할 수 있는 확률이 높아지면서 이해하고 나면 자유도가 높아지는 거예요. 아셨죠? 포기하지 마십시오. 출처 : https://www.youtube.com/watch?v=qy3M0Cp0ios&list=PLuHgQVnccGMA9-1PvblBehoGg7Pu1lg6q&index=7

목차 1. 디스코드 사용법 2. 노션 페이지 3. 공통질문 답변 원티드 FE 프리오보딩 챌린지를 참여하기로 했다. (9/4 시작) OT 참여를 시작으로 열심히 한번 해보자 1. 디스코드 사용법 1-1. 디스코드에 Notion 링크를 공지할 예정 1-2. 전체 온보딩 챌린지 OT 이다. 1-3. 프리온보딩 챌린지 - 공고는 내려갔지만 노션에 링크로 들어가면 다시 내용 확인이 가능하다. - 각 챌린지마다 주제 - 강의주간 : 기술역량향상 (2주), 4차까지 각 3시간 수업을 진행 - 언제 강의가 진행되는지 노션페이지 참고 - 취업 챌린지 (4주) : 구직활동을 서포팅하는 주간, 이력서 특강, 채용 큐레이션 페이지 제공 - 채용 큐레이션 페이지란? 최소 연봉을 3천 이상 구인중인 기업 필터링하여 각 직군별로 ..

💡 아래 고민점들에 대해 방향성 찾고 구체적인 행동 계획 세워보기 학습 방향성과 우선순위 결정 - 어떤 게 중요하고 어떤 건 듣고 넘겨도 되는지 판단이 잘 안된다 - 수업 내용의 중요도 구분이 어렵다. - 공부에 대한 우선순위 선별(input이 너무 많다…🤮) 자기관리와 컨디션 관리 - 아침,오후 컨디션 관리 방법 - 평소 공부량… 줄어들고 있는 실태에 대한 고찰 - 체력, 멘탈관리 방법 실전 적용과 포트폴리오 준비 - 개인이나 팀 프로젝트를 시작하는 방법 - 이력서와 포트폴리오를 지금부터 준비하는 방법 - 학습 방법 개선 하는 방법 (내가 복습을 잘 하고 있는건지) 이렇게 진행해주세요 (~09:40) MC와 함께 서기 역할을 한 명이 자원해주세요. 간단한 아이스브레이킹을 진행해주세요 (5분이내) 위 3..

목차 1. 인트로 2. D3.js 3. Chart.js 오늘은 JS 로 그래프를 그리는 라이브러리 특강이 있어 기록을 남긴다. 필수 준비 사항은 아니지만 채용 공고에서 자격요건 또는 우대사항에 있는 경우, 강사님께서는 취업 후 하루 이틀 공부하고 가는 것을 권고한다. 또한 JavaScript 를 잘 다루는 개발자라면 기본 기능이야 하루 이틀만에 익숙하게 다룰 수 있다고 한다. 포트폴리오를 돋이게 꾸미고 싶다면 단순 Text 대신 Graph 로 대체하여 응용할 수 있겠다. 1. 인트로 1-1. 당부의 말씀 - html, CSS, JS, React - D3.js, Chart.js, Canvas - 하고 싶은게 아니라 필요한 걸 공부하세요. - 지금 필요한 것은 React 지, D3.js 가 아닙니다. - 이..

오늘도 나는 복권을 산다. 💰 그런데 복권 자동 번호 추첨이 너무 마음에 들지 않는다. 맨날 꽝이다. 😨 이제 나의 운만을 탓할 수는 없다. 😟 내가 번호를 뽑겠다!! 🔥 로또 번호 뽑기 - 사용된 언어 : JavaScript - 주요 함수/메소드 : Math.random(), Array.sort() - 실행방법 : 인터넷 주소창에 about:blank 치고 들어가서, F12 를 누르고 콘솔(console) 에 붙여 넣고 엔터! let arr = []; for (let i=0; i(ab ? 1:0)))); // arr.sort((a,b) => a-b)

목차 1. Node.js 2. Node.js 설치 3. JavaScript 문법 4. API 서버 구축 5. npm과 package 설치 6. middleware 7. express-session 멋사 프론트엔드 스쿨은 백엔드 내용은 거의 다루지 않지만, 정규 커리쿨럼 LMS 수업에 Node.js (녹화)강의가 들어가 있다. 덕분에 궁금했던 서버 생성 및 로그인 기능을 구현해 볼 수 있는 시간을 가졌다. 이를 이용하면 좀 더 완성도 있는 프론트엔드 프로젝트 개발이 가능할 것이다. 1. Node.js 란? 1-1. Node.js 개념 - Node.js 는 JavaScript 런타임이다. Node.js 는 이벤트 기반, 논 블로킹 I/O 모델을 사용해 가볍고 효율적이다. - 자바스크립트 런타임 : 프로그래밍..

같이 멋쟁이사자처럼 프론트엔드 스쿨 7기 동기들과 함께 책 집필을 진행한다. 책 집필 회의는 매주 2회, FE파트와 팀 전체 회의가 진행된다. 우리 책집필 주제는 프론트엔드와 백앤드 개발자의 기술 면접 질문을 다룬다. 채용 공고 사이트 및 블로그에서 단골 질문에 대한 답변을 1분 이내의 답변으로 구성한다. 나는 우선, 시간이 안걸리는 주제 2개를 선정해서 필수 항목을 채우고, 시간 많이 걸리는 주제 1개를 공유하고자 한다. 기존 생활에 책집필 일정이 들어와 시간을 효율적으로 잘 사용해야 한다. 1. 객체 지향 프로그래밍이란? 1-1. 질문의도 자신의 주 프로그래밍 언어의 특징을 알고 쓰지는 알아보는 단골 면접 질문이다. 또는 면접 준비를 했는지 태도를 평가하는 기초 질문으로 쓰일 수 있다. 1-2. 모범..

Sun Aug 04:54:15 KST 나는 소행성 SF289 에 도착했다. 꿈을 꾸면 도작하는 곳이다. 꿈을 꿀 때면, 힘이 샘솟고 뭐든지 할 수 있을 것 같은 뜨거운 열기가 느껴진다. 중력이 약해서 몸이 깃털처럼 가볍다. 행성을 한 바퀴 도는데 걸리는 시간도 그렇게 오래 걸리지 않는다. 신나는 나의 놀이터이지만 외롭다는 생각이 든다. 이 소행성에는 아직 나 밖에 없다. 이 행성에 초대 하려고 시도는 해봤지만 아직까지 함께 이 행성에 오른 친구는 없었다. 원래 살고 있던 사람도 없었다. 혼자 다양한 활동을 해본다. 자유자재로 움직이고, 날아다니고, 만들어 보고, 노래도 불러본다. 또 하루하루가 빠쁜 것이 할 것도 정말 많다. 같은 작업을 하더라도 잘하기 위해서는 노력하고 시간을 투자해야 하니까. 이곳에 ..

오늘 아침 10시 전자책 집필의 첫 모임이 있었다. 총 참여자 100여명 중 70여명이 모여서 약 2달간의 책 집필 여정을 시작했다. 본인과 관심사가 맞는 사람들을 모아 주제를 건의하고 팀을 이루어 전자책을 집필하게 된다. 책은 무료 전자책의 형태로 리디북스에 출판하게 된다. 책 출판의 목적은 비영리. 각 부트캠프 학생들의 성공적인 취업과 다양한 경험을 제공하기 위해 (주)위니브 주최로 진행한다. 제주코딩베이스캠프 단톡방 링크는 홈페이지 about 의 대표님 얼굴을 클릭하면 찾을 수 있다. 책집필을 포함해서 새롭게 만난 분들과 함께 개발자 풀을 넓혀갔으면 좋겠다고 하신다. 1. 오리엔테이션 1-1. 주의사항 - 책 집필 마감일 : 10월 28일에 최종 요약발표 (챕터 제목별 어떤 내용이 있는지 설명) -..

멋쟁이사자처럼 프론트엔드 스쿨의 강의를 담당하는 (주)위니브에서 주최하는 무료 전자책 집필 기회가 열렸다! 책 집필은 자신의 전문성을 어필하는 특별활동으로 면접관들과 주변 개발자들의 이목을 끈다고 한다. 나는 개인적으로 책을 집필했다고 해서 큰 변화가 있을 것이라고 생각하지 않는다. 오히려 주니어 개발자가 쓴 책이 얼마나 전문성을 가졌는지 의구심만들 것 같다. 아마도 이목을 끄는 이유는, 흔하지 않은 경험이기도 하며 궁금증을 자아내기 때문이라고 생각한다. 내가 책 집필을 참여하는 이유는, 이력서의 한 줄 추가 보다는 Frontend 개발자 직군의 기술면접 대비를 위한 것이다. 책의 제목은 기존 위니브의 무료 전자책 '눈떠보니 코딩 테스트 전날' 을 오마주하여, (가칭) '눈 떠보니 기술 면접 전날' 로 ..

목차 1. 이전 회고 내용 2. Keep 3. Problem 4. Try 5. 결론 멋쟁이사자처럼 프론트엔드 스쿨, 부트캠프 생활을 거의 2 달째 보내고 있다. 저번주에는 HTML/CSS 가 끝났고, 이제 다음주 수요일이면 JavaScript 강의도 끝난다. 목요일부터 React 를 시작하기 전에 8월 회고를 앞당겨 진행해 본다. 1. 이전 회고 내용 1-1. Problem에 대한 해결책 (1) 목표의 재설정 > 현재 상황에 맞는 적절한 목표로 재설정 > 이전 목표: 매일 꾸준한 백지코딩 복습과 작성 1시간 이내로 요약해서 쓰는 TIL 블로그 기록 > 현재 목표: 매일매일 오늘 배운 개념을 나만의 코드로 정리해서 GitHub push 하기 (시간되면 블로그 기록) (2) 알고 있던 내용라도 코드로 개념 ..