본문 바로가기

Developer

(62)
Front-End_면접준비 Front-End 브라우저의 동작 원리 Document Object Model CORS 크로스 브라우징 웹 성능과 관련된 Issues 서버 사이드 렌더링 vs 클라이언트 사이드 렌더링 CSS Methodology normalize.css vs reset.css 그 외 프론트엔드 개발 환경 관련 뒤로 브라우저의 동작 원리 HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.) CSS 마크업을 처리하고 CSSOM 트리를 빌드한다. ("어떻게" 그릴지 결정한다.) DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정) 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.) 개별 노드를 화면..
JavaScript_기술면접 JavaScript JavaScript Event Loop Hoisting Closure this 에 대해서 Promise Arrow Function 뒤로 JavaScript Event Loop 그림과 함께 설명을 하면 좀 더 이해가 쉬울 것 같아 따로 정리한 포스팅으로 대체합니다. JavaScript 이벤트 루프에 대해서 자바스크립트의 비동기 처리 과정 뒤로/위로 Hoisting ES6 문법이 표준화가 되면서 크게 신경쓰지 않아도 되는 부분이 되었지만, JavaScript 라는 언어의 특성을 가장 잘 보여주는 특성 중 하나이기에 정리했습니다. 정의 hoist 라는 단어의 사전적 정의는 끌어올리기 라는 뜻이다. 자바스크립트에서 끌어올려지는 것은 변수이다. var keyword 로 선언된 모든 변수 선언은..
CS_개발상식 Part 1-1 Development common sense 좋은 코드란 무엇인가 객체 지향 프로그래밍이란 무엇인가 객체 지향 개발 원칙은 무엇인가? RESTful API 란 TDD 란 무엇이며 어떠한 장점이 있는가 함수형 프로그래밍 MVC 패턴이란 무엇인가? Git 과 GitHub 에 대해서 뒤로 좋은 코드란 무엇인가 ‘좋은 코드란?‘이라고 구글링해보면 많은 검색 결과가 나온다. 나도 그렇고 다들 궁금했던듯하다. ‘좋은 코드’란 녀석은 정체도, 실체도 없이 이 세상에 떠돌고 있다. 모두가 ‘좋은 코드’의 기준이 조금씩 다르고 각각의 경험을 기반으로 좋은 코드를 정의하고 있다. 세간에 좋은 코드의 정의는 정말 많다. 읽기 쉬운 코드 중복이 없는 코드 테스트가 용이한 코드 등등… 더 읽어보기 > https..
비트와 바이트 문자인코딩 개념 정리 10분🙆‍♀️ | 컴공 기본 상식 https://youtu.be/5IRFJt1C5o4
Final team Project 진행과정 (06/03) https://youtu.be/qSNf53fRg-k 프로젝트 기획안을 발표하였다 내가 맡은 스토리보드설명을 제작하고 각자 맡은 녹화한 파일을 하나의 영상으로 편집하였다 이번프로젝트를 진행하면서 나름에 고민이 있었다 프론트파트 ( JavaScript, CSS, HTML, React ) 쪽으로 공부에 집중하고싶어 Final Project는 여기까지 참여하고 React (TypeScript) 위주로 남은 기간동안 공부할 시간을 확보하기로 하였다 다행히 강사님에게 이야기하고 이번 프로젝트에서는 여기까지 하기로 하고 개인 프로젝트를 준비하기로 하였다 팀장님에게도 전달하고 잘 마무리를 하였다
Final team Project 진행과정 (06/02) 오늘 PPT작업을 마무리 지었다 팀원별로 맡은 업무를 분담하고 각자 역활을 잘 수행하니 계획대로 ( 06/03 ) PPT가 마무리 될것같다 메인화면과 전에 구도만 잡아놨던 메뉴칸을 제대로 수정하고 클릭했을때 다른 페이지로 이동하도록 링크도 달았다. 내일은 PPT발표 마지막날이기 때문에 관리자메뉴에 사원,부서,직급 관리를 마무리하고 시연영상을 촬영후 유튜브에 업로드할 예정이다
Final team Project 진행과정 (05/28) 내가 맡은 아래 작업중 종성 : 근태 상훈 : 게시판 세라 : todo/일정 한성 (개인사정으로 팀 탈퇴) : 조직도 세라 : todo/일정 파트 스토리보드를 마무리했다 대부분 단위업무서를 보고 만들었지만 아래사항은 혼자 해결할 수가없어 팀원에게 물어보고 어떻게 할지 해결하였다 - 메일함 간에 이동 어떻게 할지 ==> 하위메뉴 나타나는 기능 - 메뉴( 사내메일 => 어디로? ) ==> 받은 메일함 ( 일정관리 => 캘린더 ) Nav메뉴에 사내메일을 클릭했을때 총 보여야 하는 페이지가 - 받은 메일함 조회 - 보낸 메일함 조회 - 메일 상세 조회 이 부분은 JavaScript로 하위메뉴 버튼을 만들어 목록을 표시할 계획이다 스토리보드에는 하위메뉴 기능이 없어 못넣는것이 아쉬웠다
Final team Project 진행과정 (05/27) 오늘의 회의 내가 맡기로한 스토리보드 - 종성, 상훈, 세라, 한성 민성 : 민성, 운산, 민순 이렇게 파트가 나눠졌다 아래와 같이 구성페이지에 어떤기능이 들어갈지 정리하였고 나머지 스토리보드 작업을 진행하면 될것같다. 다음 회의시간에 각자 담당할 팀원 이름을 넣을것이다 upmu(many Utilities) 작성일 21.05.27 팀명 KHluster 대분류 요구사항 명 요구사항 내용 비고 회원가입 회원가입 사용자가 회원가입 가능 로그인/로그아웃 페이지 로그인 사용자,관리자로 구분하여 로그인 가능 로그아웃 로그아웃 아이디/비밀번호 찾기 전화번호로 아이디찾기/이메일로 비밀번호 찾기 마이페이지 & 회원탈퇴 회원정보 조회 사용자가 개인정보 조회가능 회원정보 수정 사용자가 개인정보를 수정가능 비밀번호 변경 비밀..