본문 바로가기

분류 전체보기159

~ 2021.10.23 TIL 본사로 복귀한지 1달 반 가량이 흘렀다. 10월 부터 정식으로 부서도 개발팀으로 옮겼다. 꺄~! 다만, 자바스크립트에서 자바로 / 리액트에서 스프링으로 바뀌면서 새롭게 다시 시작하는 중이다. 2주 동안 자바의 정석 기초편 한 권을 다 봤고, 3주 동안 인프런 김영한 강사님의 spring mvc 기초편 + 스프링 MVC 1편 - 백엔드 웹 개발 활용 기술 들었다. 급하니까 진짜 머리 속에 쏙쏙 잘 들어옴... 마치 벼락치기 마냥 앞으로 스프링 mvc 2편 + sql을 이번 달 안으로 끝내고, 정보처리 기사 필기 + 실기 준비를 내년 초까지 끝내야 한다. 후...! 다음 년도엔 토플 + SOP 준비해서 대학원 진학까지 아자아자 화이팅이닷...!!! 2021. 10. 23.
2021.08.28 TIL(뮤직플레이어 앱 만들기) Web 기반 뮤직플레이어 간단 앱 만들기 인프런에서 '파이널 코딩 테스트'를 듣고 있는데, 거기서 나온 문제 중 하나다. 구현해야될 핵심 기능은 다음과 같다. API로 부터 Top5의 음악 정보를 전달 받아야 한다. Top5를 득표 순으로 나열 10초 빨리 감기, 10초 되감기 기능이 있는 플레이어 뷰 검색 기능 내가 완성한 뮤직 플레이어는 다음과 같다. React.js 이용해서 구현했다. 불러올 데이터 양도 적고, 관리할 상태도 많지 않아 redux는 사용하지 않았다. 강의 들으면서 수정한 내용 folder structure index.js에 이런 식으로 넣으면, export {default as removeMusic} from './removeMusic'; export {default as addMu.. 2021. 8. 29.
2021.08.24 TIL (CSS, 좌표 정렬 알고리즘 3) CSS 배운 것 크롬의 경우 filter를 이용해 밝기를 조정할 수 있음. 인터넷 익스플로러 안됨. div { filter : brightness(70%); } 인터넷 익스플로러의 경우 ::before나 ::after로 위에 레이어를 덧대주어야 함 div { position: absolute; } div ::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: black; opacity: 70%; } 3d 속성을 이용하여 요소에 깊이감을 주어 크기감을 조정할 수 있다. .parent { perspective : 1000px; /* 원근감 1000px 만큼의 깊이 */ } .c.. 2021. 8. 24.
2021.08.22 TIL (CSS, HTML 모르는 거 정리) 인프런에서 '파이널 코딩테스트' 강의가 괜찮아보여서, 배운 것도 복습할 겸 2주간 격리 기간에도 할 일을 만들 겸 하고 듣고 있다. 간만에 리액트를 쓰지 않고 순수하게 html로만 파일을 작성하는게 낯설기도 했는데, 그중에서 헷갈렸던 것과 새롭게 알게된 것들을 정리한다. CSS, HTML 정리 태그 옆에 태그가 있을 때만 마진을 주고 싶다 li+li { margin-left: 60px; } tag 는 설명 목록을 나타낸다. - title 과 dd - description를 자식 요소로 취할 수 있다. > 를 자식으로 취할 수 있으며 은 자식으로 취하는 것이 바람직하지 않다. 태그의 특정 클래스를 가진 요소에만 CSS 를 적용하고 싶을 때, div[class^="hello"] { font-size: 20p.. 2021. 8. 22.
2021.8.21 TIL (정렬 3가지 알고리즘 문제) 목차 Special sort 삽입 정렬 Least Recently Used Cash Special sort (버블 정렬 응용) 배열의 제시된 순서를 지킨 채로 왼쪽으로, 양의 정수는 오른쪽으로 배열한다. function solution(num) { // code here return num; } let arr = [1, 2, 3, -3, -2, 5, 6, -6]; console.log(solution(arr)); // [-3, -2, -6, 1, 2, 3, 5, 6] 답) function solution(num) { for(let i = 0; i 0 && n.. 2021. 8. 21.
2021.8.14 TIL(선택 정렬, 버블 정렬) 목차 교육 과정 설계 선택 정렬 버블 정렬 교육 과정 설계 1년 교육 과정과 필수 과정이 주어졌을 때 필수 과정은 반드시 그 순서대로 진행되어야 하고, 생략해서도 안된다. 예를 들어 'ABC' 필수 과목과 'ADBEC' 는 A를 수료한 뒤에 B, C를 순서로 이수했기 때문에 올바른 설계다. 반면, 'ADCEB'는 필수 과목 순으로 이수하지 않는 설계로 틀렸다. function edu(obl, plan) { let answer; // code here return answer; } 답) 필수 과목을 순서대로 돌아가며, plan 에서의 인덱스를 체크한다 function edu(obl, plan) { let answer = true; let cnt = -1; for(let el of obl) { let idx.. 2021. 8. 14.

티스토리툴바