전체 글

07. DOM 활용하기DOM 트리와 노드 리스트DOM 트리와 노드DOM에는 단순히 태그에 해당하는 요소 노드뿐만 아니라 여러 종류의 노드가 있음노드: DOM 트리에서 가지가 갈라져 나가는 부분루트 노드: DOM 트리의 시작 부분/ HTML 노드/ 나무 뿌리에 해당노드를 구성하는 원칙모든 HTML 태그는 요소 노드가 됨HTML 태그에서 사용하는 텍스트 내용은 자식 노드인 텍스트 노드가 됨HTML 태그에 있는 속성은 모두 자식 노드인 속성 노드가 됨주석들은 주석 노드가 됨노드 리스트`querySelectorAll()` 메서드 사용: 여러 개의 노드를 한꺼번에 가져올 수 있음가져온 여러 개의 노드 정보를 저장한 것: 노드 리스트배열과 비슷하게 생겼고 배열처럼 사용할 수 있음 (배열 X) 노드 리스트 살펴보기H..

인공지능 ⊃ 머신러닝 ⊃ 딥러닝현대의 인공지능 기술은 딥러닝 근간으로 함자연어, 컴퓨터 비전, 음성 처리 등의 영역에서 딥러닝은 독보적인 위치 현대에는 다양한 딥러닝 아키텍처(DNN, RNN, CNN, Transformer, ectc)가 활용되고 있음But, 딥러닝이라는 기술의 원천은 DNN(Deep Nueral Network)인간의 뉴런 구조를 모사한 형태로서 주로 역전파(Backpropagation) ~> 학습LM: Language Model일반적으로 단어의 시퀀스(문장)에 대해, 다음에 나타날 단어가 어떤 것인지를 예측하는 모델을 의미크기 ↑ -> downstram task에서의 성능 향상되는 경우 ↑ 사실 발견 (scale law)=> 성능 향상 -> 모델의 크기 ↑ 방법 자주 활용But, LM ..

잘 읽히는 포트폴리오 특징 4가지자기소개, 목차, 주관적인 가치관스킬셋담당해온 프로덕트 및 사이드 프로젝트3개 정도가 적당어떤 문제가 있었고, 어떻게 해결했는지 담는 것이 중요내용프로젝트 제목함께한 멤버와 나의 역할프로젝트 기간해결하고자 했던 문제프로덕트 이력에는 도메인 전문성 담을 수 있음산업군에 대해 잘 안다는 인상프로덕트에 대한 지속적인 관심후기 전형적인 포트폴리오 강의(프로젝트 뭐 들어가면 좋다 ~ 템플릿 이렇게 많이 쓴다 ~) 같았고노션 좋다고 하신 말씀 밖에... 기억에 남지 않음 비대면으로 진행했는데 왜 각자 강의실에서 안하고 한 강의실에서 했을까...?각 강의실에서 했으면 더 잘 보였을 것 같고 자료를 노션으로 준비해오셨는데 MZ 같으셨다...PPT로 준비해오셨다면 더 깔끔하고 잘 보였을 ..

05. DOM의 기초DOM과 DOM 트리문서 객체 모델(DOM)자바스크립트 이용해 웹 문서에 접근하고 제어할 수 있도록 객체 사용해 웹 문서를 체계적으로 정리하는 방법웹 문서를 구조화한 DOM 트리(DOM tree)와 이벤트를 정리해 놓은 표준웹에서 자바스크립트 사용하는 이유어떤 조건이 주어지거나 사용자의 동작이 있을 때 웹 문서 전체 or 일부분이 동적으로 반응하게 하는 것-> 이렇게 하려면 웹문서의 모든 요소 따로 제어할 수 있어야 함 ex. 웹 문서에 텍스트와 이미지 들어 있다면웹 브라우저) 마크업 정보를 보면서 텍스트 단락이 몇 개이고 그 내용이 무엇인지 살펴봄이미지가 몇 개이고 이미지 파일 경로는 어떠한지 대체 텍스트는 무엇인지도 파악 -> 이미지별로 정리해서 인식텍스트와 이미지 요소를 브라우저..

04. 함수와 스코프함수 선언 & 실행함수 선언할 때는 `function` 예약어 사용함수 이름을 적은 후 안에 실행할 여러 명령어 묶음함수를 실행(호출)할 때는 함수 이름 뒤에 중괄호 () 붙임// 함수 선언fucntion 함수명() { 명령(들)}// 함수 실행함수명() 매개변수와 인수매개변수함수를 선언할 때 외부에서 값을 받는 변수함수 이름 옆의 괄호 안에 매개변수 이름을 넣어줌매개변수에 이름을 붙이는 방법 = 일반적인 변수 이름 붙이는 방법매개변수는 선언된 함수에서만 사용함수에 여러 개의 매개변수가 필요할 때에는 매개변수 사이에 쉼표(,)를 찍으면서 나열인수매개변수가 있는 함수를 실행할 때, 매개변수로 값을 넘겨주는 함수=> 매개변수와 인수 통틀어서 '인자'라고도 함 return문함수 안에서 실행..

09. 자바스크립트 객체 만들기객체 알아보기객체프로그래밍) 데이터를 저장하고 처리하는 기본 단위자바스크립트) 관련된 정보와 동작 함께 모아 놓은 것 내장 객체: 프로그래밍 할 때 자주 사용하는 요소들 -> 미리 정의해 놓은 객체문서 객체 모델(DOM): 웹 문서 자체(객체)/ 웹 문서에 포함된 것 각각 별도의 객체(이미지 객체, 링크 객체 등)브라우저 객체 모델: 웹 브라우저가 사용하는 정보 -> 객체로 지정사용자 정의 객체: 필요할 때마다 사용자가 만들어 사용하는 객체사용자 정의 객체객체: 여러 개의 프로퍼티로 구성프로퍼티: '키 : 값' 형태객체 만들 때 객체 이름 다음에 중괄호({}) 사용중괄호 사이에 '키 : 값' 형식으로 필요한 프로퍼티 나열키: 문자열, 숫자, 심벌프로퍼티: 쉼표(,) 넣어 구..