Trainings
-
Github 정리Trainings/세션 정리 2020. 5. 9. 21:47
Git이란? 프로그램의 소스 코드 관리를 위한 분산 버전 관리 시스템이다. 즉, 여러 명의 개발자가 특정 프로젝트를 자신의 컴퓨터로 협업하면서 개발할 때, 버전을 관리할 수 있는 시스템이다. Github이란? 원격저장소를 제공하여 전 세계 개발자들이 협업을 가능하게 하여 오픈소스를 만드는 서비스이다. 즉, 원격 저장소란 지역 저장소에서 작업한 내용을 업로드 하여 여러 개발자들이 협업할 수 있도록 만드는 중앙 저장소라고 보면 된다. github repository(저장소) 생성 방법 +항목에 new repository 클릭 Create repository 버튼을 누르면 이렇게 helloGithub이라는 repository(저장소)가 생성된다. github 사용방법 git init : Git 저장소를 새로 ..
-
[wecode 2주차] JavaScript Exam(5)Trainings/Exam 2020. 5. 2. 22:33
[ 문제 ] find_longest_word 함수를 만들어 주세요. 주어진 리스트 안에 있는 단어 중 가장 긴 단어를 찾을 수 있도록 함수를 완성해주세요. [ 결과 ] console.log(find_longest_word(["PHP", "Exercises", "Backend"])) // --> "Exercises" [내가 짠 코드] function find_longest_word(arr){ let max = arr[0]; for(let i=1; i max.length){ max = arr[i]; } } return max; } console.log(find_longest_word(["PHP", "Exercises", "Backend"]..
-
[wecode 2주차] JavaScript Exam(4)Trainings/Exam 2020. 5. 2. 22:23
[ 문제 ] "get_find" 함수를 작성하세요. 문자와 문자열이 주어졌을 때,"get_find" 함수는 주어진 문자열에서 주어진 문자가 나타나는 첫 번째 위치를 반환합니다. Notes: 문자열의 첫번째 문자는 인덱스 값 0을 가집니다. 만약 문자열에 해당 문자가 여러번 나타나면, 첫 번째로 나타나는 위치를 반환해야 합니다. 만약 문자가 문자열에 존재하지 않는다면, -1 을 반환해야 합니다. indexOf 함수를 사용하지 마세요. [ 결과 ] const output = get_find('a', 'I am a hacker') console.log(output) // --> 2 [내가 짠 코드] function get_find(ch,str){ if(str.search(ch)){ return str.sear..
-
[wecode 2주차] JavaScript Exam(3)Trainings/Exam 2020. 5. 2. 22:00
[ 문제 ] "calculate_total" 함수를 작성하세요. 팁과 세금을 제외한 식사값이 주어졌을 때, "calculate_total" 함수는 팁과 세금이 포함된 총 식사값을 반환합니다. Notes: 세금은 9.5% 팁은 15% 로 계산하세요. 팁을 계산할 때 세금을 포함하여 계산하지 마세요. [ 결과 ] console.log(calculate_total(20)); // --> 24.9 [ 내가 짠 코드 ] function calculate_total(price){ const s = (price * 9.5) /100; console.log(s); const t = (price * 15) /100; console.log(t); return price+s+t; } calculate_total(20); 우..
-
[wecode 2주차] JavaScript Exam(2)Trainings/Exam 2020. 5. 2. 21:36
[ 문제 ] "get_prefix" 함수를 작성하세요. 문자열이 주어졌을 때, "-"를 기준으로 앞에 있는 문자열을 반환하세요. [ 결과 ] console.log(get_prefix('BTC-KRW')) // --> BTC [내가 짠 코드] function get_prefix(str){ const n = str.indexOf('-'); console.log(n) return str.slice(0, n); } get_prefix("BTC-KRW"); // 함수 호출 먼저 "get_prefix" 함수를 정의하고, 인자 값이 문자열이기 때문에 매개 변수 이름은 문자열을 의미하는 str로 설정했다. 우리는 "-"를 기준으로 앞에 있는 문자열을 반환해야한다. "-"를 기준으로 정하기 위해서 indexOf()라는 ..
-
[wecode 2주차] JavaScript Exam(1)Trainings/Exam 2020. 5. 2. 21:06
[ 문제 ] 짝수인지 판별하는 함수 is_even을 작성 주세요. [ 결과 ] console.log(is_even(11)) // --> "짝수가 아닙니다" console.log(is_even(10)) // --> "짝수입니다" [내가 짠 코드] function is_even(num){ if(num % 2 !== 0){ return "짝수가 아닙니다"; }else{ return "짝수 입니다"; } } is_even(2); // 호출 일단 짝수 여부를 판별만 하면 되는 문제이다. 먼저 is_even이라는 함수를 만들고, 매개변수에는 숫자를 받을 것이기 때문에, 숫자를 의미하는 num이라고 이름을 지정했다. 짝수 여부를 판별해야 하기 때문에, num이라는 매개변수에 2로 나누는 방식으로 접근했다. 조건문에 ..
-
Semantic 태그에 대해서Trainings/세션 정리 2020. 4. 25. 21:18
Semantic 태그란 무엇인가? 브라우저와 개발자 모두가 그 의미를 명확히 알 수 있게 하는 태그를 바로 Semantic 태그라고 부른다. 예를 들어, 태그나 태그는 내용에 대해서 아무 의미를 알 수 없다. 하지만, , 태그와 같은 태그들은 내용을 명확하게 알 수 있게 해 준다. : 주로 머리말, 제목을 표현하기 위해 쓰인다. : 네비게이션이라고 부르고, 주로 메뉴에 사용되고 위치에 영향을 받지 않아 어디에서든 사용이 가능하다. : 본문 콘텐츠를 담고 있고, 안에 을 넣는 것도 가능하다. : 이 콘텐츠를 분류한다면 이 태그 안에는 실질적인 내용을 넣습니다. 예를 들어, 뉴스로 예를 들면 정치/ 연예/ 사회의 대분류는 이고, 정치의 기사 내용과 연예의 기사 내용들을 에 넣는 것이라 보면 된다. : 사이드..
-
개발자 도구에 대해서Trainings/세션 정리 2020. 4. 24. 21:22
Chrom 개발자 도구란? HTML, CSS JavaScript와 같은 언어들은 서버로부터 컴파일이 되어져서 실행이되는게 아니라 브라우저에서 실행이되는 언어이다. 브라우저가 해석을 잘하고 있는지 확인하기 위해 크롬 개발자도구와 같은 툴을 사용한다. 크롬 개발자 도구의 단축키는 ctrl + shfit + I 이다. 크롬 개발자 도구에서 element탭, style탭, network탭, Application탭 총 4가지를 많이 사용한다. 로컬스토리지, 세션스토리지, 쿠키 차이점 웹 개발을 하다보면 자동 로그인이나, 자동 로그아웃등 세션이나 쿠키같은 임시 저장 기능을 사용해야 할 경우가 많다. 쿠키는 서버측과 클라이언트측 양쪽에서 쿠키 데이터를 사용하는 api가 존재하고, 소멸시간을 지정 할 수 있다. 세션스..