One more thinking

CSS에서 요소들의 레이아웃을 지정할 때 사용하는 속성인 display 그 중에서도 inline, block, inline-block의 동작 방식을 정리한다. block 한 줄 전체를 점유 새로운 라인에서 시작 width, height, margin, padding 지정 가능 inline 컨텐츠 영역만큼만 너비 차지 inline + inline 이라면 같은 줄에 정렬 width, height, 세로 margin 지정 불가 요소 뒤에 공백이 있다면 space(4px)가 자동 지정 line-height 속성이 block 부모 요소에 적용 inline-block 컨텐츠 영역만큼 너비 차지(like inline) width, height, margin, padding 지정 가능(like block) 요소 뒤에 ..

기술이 된 상상 2021. 4. 2. 17:59

Array객체 sort 메소드 자바스크립트 Array의 내장함수 sort. 쉽게 정렬을 위해 사용할 수 있는 내장함수다. arr.sort([compareFunction]) 매개변수 compareFunction: 정렬 순서를 정의(Optional) 함수의 파라미터 값을 통해 전달된 인자를 비교하여 정렬의 순서를 정한다. 파라미터는 배열 내 요소 값 두 개가 주어진다. function(a, b) { // 비교 순환 시작 // 첫번째 순환 // a: 배열의 두번째 인자 // b: 배열의 첫번째 인자 // 두번째 순환 // a: 배열의 세번째 인자 // b: 배열의 두번째 인자 // ... // 마지막 순환 // a: 배열의 마지막 인자 // b: 배열의 마지막 직전 순서 인자 } 함수를 정의하지 않으면 유니코..

기술이 된 상상 2021. 4. 1. 17:08

2월말부터 진행하여 현재까지 이어오고 있는 일일 알고리즘을 이어오고 있다. 프로그래머스 1단계부터 진행됐고 이제 곧 2단계로 진입하는 시점입니다. 이전부터 프로그래머스를 통해 일부 문제들을 풀어왔고 릿코드를 통해서도 문제풀이를 했었지만 한달 가량 꾸준히 해 온 것은 이번이 처음입니다. 문제의 개수와 난이도 역시 중요하지만 이번 경험은 습관을 만드는 연습이었습니다. 스터디 톡 단체방을 통해서 매일매일 올라오는 문제를 간단한 규칙 안에서 문제풀이 합니다. 30분 내에 문제 풀기 30분이 지나면 문제풀기 중지 풀이 해결책은 틈틈이 고민 이후 15분 이내 문제풀기 해결 풀이한 내용을 개인 깃헙에 올리고 단체방에 공유합니다. 프로그래머스 1단계는 거의 30분 이내에 풀이가 가능해서 새로운 지식의 학습보다는 알고리..

현실이 된 상상 2021. 3. 31. 15:16

기업 정보 경기도 성남 소재 중소기업 지원 경로 채용사이트 지원 포지션 웹 프론트엔드 개발 채용 진행 프로세스 서류 - 1차 면접(탈락) 지원 시기 2020년 2/4분기 전형 경과 일정 서류(3일) - 1차 면접(10일) 서류전형 채용 사이트 공통 이력서 제출 1차 면접(면접관2:지원자1) 경력 관련 개발 프로덕트에 관해서 상세하게 질문하였습니다. 외부에 공개된 경력관련 프로덕트 UI 화면을 통해 개발 관련 내용을 설명하였습니다. 토이프로젝트로 진행했던 IoT 웹 컨트롤 페이지에 대해서도 설명하였습니다. 개발하는 솔루션이 하드웨어(IoT)와 관련되어 있다보니 주요 질문들은 IoT에 관련된 내용들이 주를 이루었습니다. 경력 관련 프로덕트에 관한 질문 리뷰 ★★☆☆☆ 기본적인 질문이나 면접 절차에 관해서는 ..

기업 인터뷰 2021. 3. 30. 16:55

기업 정보 서울 서초 소재 대기업 계열사 지원 경로 채용사이트 지원 포지션 웹 프론트엔드 개발 채용 진행 프로세스 서류 - 1차 면접(탈락) 지원 시기 2020년 2/4분기 전형 경과 일정 서류(2일) - 1차 면접(2일) 서류전형 채용 사이트에서 회사 포맷에 맞춰 작성한 이력서 제출 1차 면접(면접관2:지원자1) 경력 관련 개발 프로덕트에 관해서 상세하게 질문하였습니다. 빅데이터 솔루션 관련인만큼 프로덕트 설계에 관한 질문이 많았습니다. 이전 경력이 IoT 플랫폼 개발이었기 때문에 관련 프로덕트의 구조와 설계에 대한 질문이 주를 이루었습니다. 경력 관련 프로덕트에 관한 질문 웹 인증 관련(회원, 디바이스 인증) 웹에서 데이터 수신 알림 기능 설계 리뷰 ★★★☆☆ 빅데이터/IoT 솔루션 개발의 초점에 맞..

기업 인터뷰 2021. 3. 29. 14:58

기업 정보 경기 성남 소재 토목관련 중견기업 지원 경로 채용사이트 지원 포지션 웹 프론트엔드 개발 채용 진행 프로세스 서류 - 1차 면접 - 최종 면접(합격) 지원 시기 2020년 2/4분기 전형 경과 일정 서류(3일) - 1차 면접(1일) - 최종 면접(2일) 서류전형 채용사이트(공통 이력서 접수) 회사 포맷 이력서 작성 요청으로 포맷에 맞게 다시 작성하여 제출 1차 면접(면접관3:지원자1) 개발팀장과 팀원 2명이 함께 면접을 진행했습니다. 기본적으로 경력 프로덕트 관련 질문이 많았습니다. 직전 경력이 해당 회사에서 개발하고 싶어하는 내용이었어서 직전 경험을 많이 질문한 것 같습니다. 추정하기로는 토목 공사 쪽에서 드론을 활용한 모니터링에 대한 니즈가 있는 것 같았습니다. 그래서 드론을 통해 촬영한 데..

기업 인터뷰 2021. 3. 26. 14:49

String객체 replace/replaceAll 메소드 replace str.replace(regexp|substr, newSubstr|function) 첫번째 인자(regexp | substr) : 찾을 문자열 regexp : 정규식 객체 혹은 리터럴 값 substr : 문자열 값 str 문자열 중에 정규표현식 혹은 string 문자열과 일치하는 값을 찾는다. 두번째 인자(newSubStr | function) : 대체 문자열 newSubStr : 문자열 값 function(match, p1, p2, p3, offset, string) : 변경 절차를 함수로 정의하여 실행 function replacer(match, p1, p2, p3, offset, string) { // p1 is nondigit..

기술이 된 상상 2021. 3. 16. 15:28

sessionStorage와 localStorage의 차이가 있지만 일단 이 두 가지는 Web Storage라는 개념을 통해서 시작됩니다. Web Storage와 Web Storage API Web Storage는 웹 브라우저 내에 직접 데이터를 저장하는 공간을 말하며 Web Storage API를 활용해 이 저장소를 컨트롤 할 수 있다. Web Storage는 5MB의 저장공간을 사용할 수 있다. Web Storage는 origin(domain + protocol)마다 저장소를 할당합니다. Web Storage는 두가지 저장소 객체를 제공합니다. sessionStorage 객체와 localStorage 객체입니다. sessionStorage sessionStorage는 세션마다 별도의 저장소를 만들어 ..

기술이 된 상상 2021. 3. 13. 13:51