카테고리 📂 377

20221010 호이스팅

호이스팅: 변수를 선언하고 초기화했을 때, 선언 부분이 최상단으로 끌어올려지는 현상을 말한다. 호이스팅은 자바스크립트 인터프리터가 코드를 읽는 방식이며, 이를 이해해야 원치 않는 'undefined'가 출력되는 것을 막을 수 있다. 가령 아래와 같은 코드가 있을 경우 👇 1 2 3 4 5 console.log(x); var x = 1; console.log(x); cs 위 코드의 결과값은 console.log(x); 👉 undefined 참조 에러가 발생하지 않고 'undefined'가 출력된다. 위의 문제점을 해결하려면 let을 사용하여 변수를 선언해야 한다. let을 사용한다고 호이스팅이 일어나지 않는 것이 아니라,호이스팅이 일어나 스코프 내 최상위로 끌어올려지지만, 'undefined'를 할당하지 ..

지식 정리 📝 2022.10.10

[프로그래머스] 짝수 홀수 개수

문제 설명 정수가 담긴 리스트 num_list가 주어질 때, num_list의 원소 중 짝수와 홀수의 개수를 담은 배열을 return 하도록 solution 함수를 완성해보세요. 입출력 예 num_list result [1, 2, 3, 4, 5] [2, 3] [1, 3, 5, 7] [0, 4] 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function solution(num_list) { let even =0; let odd = 0; for(let i=0; i 할당 -> 리턴 개념이 잡혀있지 않았던 것 같습니다. 그래서 계속 오류가 났었는데 이 문제를 통해 어느 정도 개념을 잡을 수 있었던 것 같습니다.

20221008 브라우저 렌더링 원리

브라우저 렌더링 원리 1. 첫 번째로 서버로부터 받은 HTML, CSS를 다운로드한다. 단순한 텍스트인 HTML, CSS 파일을 Object Model로 만든다. HTML은 DOM으로, CSS는 CSSOM으로 만들어진다. DOM Tree와 CSSOM Tree가 만들어진다. 2. DOM Tree 와 CSSOM Tree가 만들어졌으면 그다음으로는 이 둘을 이용하여 Render Tree를 생성한다. Render Tree에는 스타일 정보가 설정되어있고, 실제 화면에 표현되는 노드들로 구성된다. 3. 브라우저의 뷰포트(Viewport) 내에서 각 노드들의 정확한 위치와 크기를 계산한다. 생성된 Render Tree 노드들이 갖고 있는 스타일과 속성에 따라서 브라우저 화면의 어느 위치에 어느 크기로 출력될 건지 계..

지식 정리 📝 2022.10.08

[프로그래머스] 나이 출력

문제 설명 머쓱이는 40살인 선생님이 몇 년도에 태어났는지 궁금해졌습니다. 나이 age가 주어질 때, 2022년을 기준 출생 연도를 return 하는 solution 함수를 완성해주세요. 입출력 예 40 1983 23 2000 나의 풀이 1 2 3 4 function solution(age) { const answer = (2022-age)+1; return answer; } Colored by Color Scripter cs 문제를 풀며 느낀점 - 처음 문제를 접할 때 어떻게 접근해야될지 고민을 많이 했었는데 2022 - 40 을 빼면 1982가 나오고, 2000 - 23 을 빼면 1999가 나오니까 만나이 생각이 나서 (2022-age)+1 이라는 생각을 하게 되었습니다.

20221007 첫 글

처음 블로그를 개설하게 되었는데 개설하게 된 이유는 내년에 취업을 하기 위해서고 앞으로 이곳에 매일매일 하루에 한 일을 기록으로 남길 예정입니다. 제가 프런트엔드 개발자가 되기로 결심하게 된 계기는 현재 저는 장안대학교 소프트웨어 융합과에 재학 중입니다. 저희 학교에서 배우는 커리큘럼은 백엔드 교육이 많지만 제가 막상 3학년이 되어서 프로젝트를 진행하게 되니까 프런트엔드 개발에 관심을 갖게 되어서 HTML과 CSS에 대한 지식은 어느 정도 학습을 통해서 생겼지만 JS에 대한 지식은 엄청 부족한 것 같습니다. 그래서 매일매일 JS 공부를 통해서 실력을 향상하고 내년에는 졸업하자마자 좋은 직장으로 출근을 하고 싶습니다. 매일매일 열심히 하자~~!

지식 정리 📝 2022.10.07