탐색 ; 컴퓨터 기억공간에 저장되어 있는 데이터들로부터 필요한 데이터를 찾아내느 ㄴ것 - 순서화되지 않은 레코드를 탐색하는 방법 ; 순차 탐색, 선형 탐색 선형 탐색(linear search) ; 순서대로 인덱스 사용하여 탐색 이진 탐색(binary search) ; 키 값에 따라 두 부분으로 나누어지고 찾고자 하는 키와 중앙 부분의 키를 비교하여 같으면 탐색 종료, 두 부분 중 크기에 따라 한 쪽 부분을 선택하고 .. 반복 - 탐색 효율이 가장 좋은 방법 #include using namespace std; #define MAX 5 int arr[5]={10,20,30,40,50}; main(){ int l=0,h=MAX-1,m,data; scanf("%d",&data); while(1){ m=(l+h..
내장함수 const B' = A.querySelector(B) ; A에서 B의 요소 하나 찾기 const B' = A.querySelectorAll(B) ; A에서 B의 요소 모두 찾기 A.addEventListener('click',B()) ; A클릭 시 B실행 A.classList.add('B') ; A요소의 클래스명에 'B' 추가 / add, remove, contains A'=document.createElement(A) ; A'라는 의름의 A태그의 요소 생성 A.appendChild(B) ; A의 자식요소로 B 삽입 A.forEach(function(B,index){} ; A내의 요소들이 하나씩 B에 들어가며, index는 0부터 1씩 증가함 A.textContent ; A의 내용 참조 A.sr..
# SEO(검색 엔진 최소화,Search Engine Optimization) ; 구글이나 네이버 등에 자신의 웹사이트/페이지를 노출할 수 있도록 정보를 최적화하는 작업 설정 사항 글씨 ; color, font-size, font-weight, font-family, line-height 상자 크기 관련 ; width, height, padding, box-sizing, overflow(hidden), flex-grow 상자 꾸미기 관련 ; border, border-radius, box-shadow, text-align, transition, transform(rotateY), opacity 버튼 ; cursor, transition / :hover 위치 관련 ; position:absolute, to..
1. 파일 생성 프로젝트 폴더 > index.html , css>main.css , js>main.js 파일 생성 2. HTML 기본 설정 설정 ; lang="ko"로 변경 3. CSS 기본 설정 /* COMMON */ 설정 ; Material Icon 연결하는 내용 추가 & body에 기본 설정 & img는 display:block 설정 더보기 /* COMMON */ .material-symbols-outlined {font-variation-settings:'FILL'0,'wght'400,'GRAD'0,'opsz'48} body { color:#333; font-size: 16px; /* 기본 font-size, font-wieght, line-height를 설정해 하위 요소들에 상속 */ font-..
표기법 dash-case ex) the-lazy-dog - HTML, CSS snake_case ex) the_lazy_dog - HTML, CSS camelCase ex) theLazyDog - JS PascalCase ex) TheLazyDog - JS 주석 // 한 줄 메모 /** * 여러 * 줄 */ 데이터 종류 String ; 따옴표를 이용하여 정의 " " , ' ', ` `(문자 중간에 다른 데이터 끼워 넣을 수 있음) ex) `Hello ${myName}?!` Number ; 정수 및 부동소수점 숫자를 나타냄 Boolean ; true, false 두 가지 값밖에 없는 논리 데이터 Undefined ; 값이 할당되지 않은 상태 Null ; 어떤 값이 의도적으로 비어있음을 의미 Object ;..
전환 transition : 속성명 지속시간 타이밍함수 대기시간; ; 요소의 전환(시작과 끝) 효과를 지정하는 단축 속성 - 지속시간은 단축형 작성 시 필수 속성 ! 속성명(transition-property) ; 전환 효과를 사용할 속성 이름을 지정. all(모든 속성에 적용, 기본 값), 속성이름 지속시간(transition-duration) ; 전호나 효과의 지속시간을 지정. 0s(전환 효과 없음), 시간(단위 s) 타이밍함수(transition-timing-function) ; 전환 효과의 타이밍(Easing)함수를 지정. ease ; 느리게-빠르게-느리게 / linear ; 일정하게 / ease-in ; 느리게-빠르게 / ease-out ; 빠르게-느리게 / ease-int-out ; 느리게-빠..
배치 position static ; 기준 없음, 기본값 relative ; 요소 자신의 원래 위치를 기준으로 배치. 배치 전 자리는 비게 됨 - 배치를 위한 용도보다는, 보통 position:absolute의 구조상의 부모요소에 위치 상의 부모요소가 될 수 있도록 부여 absolute ; 위치 상 부모 요소(상위 요소 中relative인 요소)를 기준으로 배치 - 상위 요소로 쭉 올라가서, position:relative인 요소를 기준으로 배치함. 없다면 루트 요소인 viewport를 기준으로 배치 - 보통, 부모 요소에 position:relative를 두고, 자식요소에 position:absolute를 둬 배치 - display:block으로 변경됨 fixed ; 뷰포트(브라우저)를 기준으로 배치 ..
컴퓨터공학과 16학번 졸업 - 네이버 웹툰 재직중 네이버웹툰 KR Android Tech ; 미디어 관련된거 다 함. 소셜 시리즈, ott인 시리즈 온, line 왕다 1학년 목표 - 재수강 만들지 않기 ; 학점 1학기 3.8, 2학기 3.3 - 과 사람들과 친해지기 ; 학과 생활, 동아리 - 다른 학교, 다른 학과 친구 만들기 ; 동아리, 고등학교 친구의 대학교 친구 2학년 ; 취준 "코딩테스트 준비" - ACM ICPC(알고리즘대회) 나가서 1차 광탈 - 백준으로 알고리즘 준비 - 카카오, sk, 현대모비스 다양한 기업들의 알고리즘 대회 나감 - 넷카라쿠베 다 지원해봄 -> 이 회사가려면 어떤 게 필요하지? 알게됨 -> 크게 도움이 됨 Applay 동아리 - 쏙쏙 캠프 봉사 ; 2박3일 고등학교 가서..
