전체 글 90

[항해 14기] 온보딩 개발일지 14 2023/03/21

웹종합 2주차 1. 자바스크립트 복습 - 변수선언, 배열, 객체, 조건문, forEach 2. JQuery 1) 라이브러리 : 라이브러리는 일련의 코드 모음으로, 소프트웨어에서 특정 기능을 수행할 때 사용. 개발자가 원하는 특정 기능을 호출하여 사용할 수 있는 모듈 형태의 코드 모음 2) 자바스크립트의 복잡한 코드를 간소화 시켜줌 - $('#').text() : 텍스트 변경 - $('#').css() : css - $('#').empty() : 기존에 입력 되어있던 값들을 제거 - $('#').append() : 배열메소드.push()와 유사 append 예시 - 입력방법 3. API 1) Application Programming Interface : 다른 애플리케이션에서 사용할 수 있는 기능을 외부로..

[항해14기] 온보딩 개발일지 13 2023/03/20

웹종합 1주차 1. 웹 동작 방식 - 서버로 요청하면 클라이언트로 값을 받아온다 2. html, css 1) html:5 - 기본적인 html 구조를 생성 2) class - class 선언을 통해 css 스타일을 입혀줄 수 있다 - title 아래에 class 대상을 불러와서 지정 3) 자주 쓰는 명령어 - div를 통해 레이아웃 선정 - color : 글자에 색입히기 - font-size : 글자 크기 - background-color : 배경색 - width, height : 레이아웃 크기 조절 - margin, padding, margin-top, padding-top 등 : 바깥쪽/안쪽 여백주기 - border-radius : 모서리 트림 - text-algin : 텍스트 정렬 - backgro..

[항해14기] 온보딩 개발일지11 2023/03/17

1. node.js 설치 - 터미널 이용과 백준 답안로드 편의를 위해 설치 2. nodemon 설치 - 터미널 창에 npm install nodemon -g 입력으로 설치 - vscode터미널창에 자동으로 코드실행\ - 보안오류가 뜨는데 windows powershell의 설정 변경을 통해 해결가능(관리자 권한 실행) - get-help Set-ExecutionPolicy 입력 - Set-ExecutionPolicy RemoteSigned 입력 3. 깃배쉬 설치 - https://git-scm.com/download/win에서 다운 - Click here to download를 통해 편하게 설치가능 - 밑에 세부 다운로드 옵션을 이용하면 vscode에 적용하기위한 절차가 복잡해짐 - 설치후 git입력을 ..

[항해14기] 온보딩 개발일지10 2023/03/16

to do list 기술 매니저님 리뷰 1. 들여쓰기, 네이밍 - 혼자서만 사용할 코드가 아니므로 줄정리를 통한 가시성 확보 필수 - 컨벤션 등을 통한 네이밍 통일, 네이밍의 직관력 중요 2. 코드 설계 방식 - 큰그림을 그리듯이, 목차 위주로 - 함수명과 로직구상이 중요 - 큰 설계가 끝난 이후 함수 상세내용은 언제든지 누가해도 상관 X 3. 모듈화 - 함수에 함수가 꼬리를 무는 방식은 의존적인 방식 - 개별 함수들을 만들어 놓은 후, 필요한 로직은 개별 함수들을 따로 조합해서 생성 * 위 방식으로 개선하여 웹종합 강의를 들은 후 구현 해볼 예정 작성 중인 to do list 코드 let todolist = [] function todoinput(){ const a = prompt('제목 입력') co..

[항해14기] 온보딩 개발일지 9 2023/03/15

프로그래머스 기본 알고리즘 풀이 5일차문제 1. function solution(array, height) { let answer = 0; let a = [] for (i=0; i height){ a.push(array[i]) } } answer = a.length return answer; } 2. function solution(numbers) { let answer = []; answer = numbers.map((c) => c*2) return answer; } 3. function solution(sides) { let answer = 0; let a = sides.sort((a,b)=> b-a) return answer = (a[0] a-b) return array[Math.floor(arra..

[항해14기] 온보딩 개발일지8 2023/03/14

프로그래머스 기본 알고리즘 풀이 3일차문제 1. function solution(my_string) { var answer = ''; answer = my_string.split('').reverse().join('') return answer; } 2. function solution(my_string, letter) { let answer = ''; a = my_string.split('').filter((item) => item !== letter) answer = a.join('') return answer; } 3. 다른풀이 : repeat()이나 join()으로 간단하게 해결가능 function solution(my_string, n) { var answer = ''; let a = my_st..

[항해14기] 온보딩 개발일지7 2023/03/13

프로그래머스 기본 알고리즘 풀이 1일차 문제 1. function solution(num1, num2) { let result = num1+num2 let answer = result return answer; } 2. function solution(num1, num2) { var answer = 0; answer = num1-num2 return answer; } 3. function solution(num1, num2) { var answer = 0; answer = num1 * num2 return answer; } 4. Math.trunc 가능(버리기) function solution(num1, num2) { var answer = 0; answer = num1 / num2 return Math..

[항해14기] 온보딩 개발일지6 2023/03/11

2023/03/11 온보딩 과제6 링크 https://jujiprogram.tistory.com/12 JS 기본과정 진행 후 기술 매니저님의 과제 리뷰 (부교재 객체 심화도 진행하였으나 추후 JS 기본 정리 시 함께 업로드 예정) 1. 문제 개요 2. 나의 문제 풀이 1) 회원 정보 데이터화 // 회원정보 묶음을 배열로선언, 각 회원 정보는 객체를 사용하여 선언 const users = [ { id : 'hanghae99', name : '주지민', age : '31', email : 'juji@js.com', level : 1, point : 500, mark : true }, { id : 'ljy', name : '이준영', age : '27', email : 'june@js.com', level :..

[항해14기] 온보딩 과제6 2023/03/11

1. 1) 문제 2) 풀이 function solution(sizes) { var answer = 0; let warr=[] let harr=[] for (i=0; i sizes[i][1]) { warr.push(sizes[i][0]) harr.push(sizes[i][1]) } else { warr.push(sizes[i][1]) harr.push(sizes[i][0]) } } const w=Math.max(...warr) const h=Math.max(...harr) answer = w*h return answer; } 또다른 풀이 : of array로 배열 요소에 간단하게 접근 for (const array of sizes) { if (array[0] a[n] === b[n] ? a.localeCo..