1. 프로그래머스 ; 국내 기업 코딩테스트를 앞두고 있는 사람들에게 추천! 장 ; 스타트업, 국내 기업들이 사용하는 코딩테스트 플랫품. 다양한 코테 기출 정리 단 ; 유형별로 정리 x 2. 백준 ; 알고리즘 입문자, 자료구조 이론 쌓고자 하는 사람에게 추천! 장 ; 유형별로 준비, 단계별로 정리. G5~G3정도의 문제를 무난하게 풀 정도라면 웬만한 기업 코테는 통과. 레벨업하는 재미! 단 ; 사이트 내 코드 작성할 수 있는 IDE가 없기에 코테 환경과 많이 다름 3. leetcode ; 영어로 푸는 알고리즘에 익숙해지고 싶은 분, 글로벌 IT기업 코텢 준비하시는 분 (+HackerRank,Codility) 장 ; 외국계 IT 기업들이 비슷한 환경에서 출제, 테스크 케이스들이 까다로워 예워처리하는 습관 들..
코딩 공부 순서 1. 웹 pc,태블릿,스마트폰 등 다양한 매체로 이용이 가능하고, 눈에 바로바로 보이기에 배우기 쉬움 - 프론트 엔드 ; html,Css,JSP - 백 엔드 ; JSP,Ruby,Python # 프론트 엔드만 쓸 줄 알아도 API(미리 만들어 놓은 가져다 쓸 수 있는 기능)를 잘 쓰면 쓸만한 서비스 만들 수 있음 # 프레임워크 ; 개발에 필요한 것들 미리 만들어 놓은 도구 모음 2. 모바일 앱 - JAVA ; 웹 애플리케이션 개발, 앱 개발, 서버, 임베디드 프로그래밍 등 다양한 분야에 사용 - Kotlin ; 안드로이드 앱 개발, 자바보다 프로그래밍 작성 간결함 - Switft ; ios앱 개발 - ReatNative ; 페이스북이 개발, 안드로이드와 ios앱 개발할 수 있는 하이브리드 ..
코딩 교육 프로그램 ; 수료 시 채용할 때 가산점 O [SSAFY] 주관사 ; Samsung 교육기간 ; 1년 = 기본과정 5개월 + 심화과정 5개월 지원자격 ; 4년제 대학 졸업 및 졸업예정자 혜택 ; 지원금 월 100, 기프티콘과 상품들 막 뿌림, 취업 시 싸피 우대전형 모집과정 ; 지원서 접수 -> SW 적성진단 -> 면접 지원서 내용 ; 학교, 학과, 학점, 경력사항, 어학사항, 에세이(지원 동기 및 향후 목표) SW 적성진단(SW 전공자) ; 기초 코딩 테스트(Python,Java,C/C++ 중 사용 가능한 언어 선택) 80분, 15문제 위치 ; 서울 멀티캠퍼스(강남) 수업 ; 9 to 6 수업(하루 수업치 = 대학 수업 3주치), 취업센터(1:1 상담) // SSAFY를 제 1 목표로! [부스..
JavaScript ; 1995년, 웹페이지에서 사용자로부터 특정 이벤트나 입력 값을 받아 동적인 처리를 목적으로 고안된 객체 기반의 스크립트 프로그래밍 언어 - 일반적으로 HTML문서에 내재, 브라우저에서 실행 - 인터프리터 언어 ; C언어처럼 컴파일 작업을 거치지 않고 바로 실행할 수 있는 언어 - 타입 명시 x + TypeScript ; MS에서 개발한 자바스크립트의 상위 언어 자바스크립트 프레임워크 ; 자바스크립트로 작성된 애플리케이션 프레임워크 - 라이브러리 ; 부모 코드에 의해 호출될 함수들을 제공 / 프레임워크 ; 애플리케이션 디자인 전반을 정의 ex) AngularJS, ReactJS, Node.js, Vue.js ECMA (=ES) ; Ecma International이 ECMA-262기..
의사 클래스 ; 선택하고자 하는 HTML요소의 특별한 상태 명시할 때 사용 동적 의사 클래스 :link ; 한 번도 방문 하지 않은 상태 :hover ; 마우스 올려놓은 상태 :active ; 마우스로 링크 클릭하고 있는 상태 :visited ; 한 번 이상 방문한 상태 :focus ; 초점이 맞춰진 input 요소를 모두 선택, input, a, button, label, select에 가능. tabindex="-1"를 통해 탭으로 선택할 수 있게 만들 수 있음 상태 의사 클래스 - :checked ; 체크된(checked) 상태의 input 요소를 모두 선택함 - :enabled ; 사용할 수 있는 input 요소를 모두 선택함 - :disalbed ; 사용할 수 없는 input 요소를 모두 선택함 ..
1. form - action ; 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소 명시 - method ; 입력받은 데이터를 서버에 전달할 방식을 명시 get ; 주소에 데이터를 추가하여 전달하는 방식, 데이터가 주소 입력창에 그대로 나타남, 데이터 크기 제한적 post ; 데이터를 별도로 첨부하여 전달하는 방식, 데이터가 외부에 드러나지 않고, 데이터 크기 제한 x 2. input 1. text ; 한 줄의 텍스트 입력 2. password ; 한 줄의 비밀번호 입력(별표처리) 3. radio ; 옵션 선택 - name="" 통일해주어야함, value =""; 선택했을 때 제출되는 값, checked ; 기본 선택 4. checkbox ; radio와 같음 but 다중 선택 가능 5. file..
글자/단락 태그 인라인 요소 ; 글자를 만들기 위한 요소들 - 요소가 수평으로 쌓임 - 가로,세로 ; 포함한 콘텐츠 크기만큼 자동으로 줄어듬! - width, height 설정 불가 - margin과 padding은 좌우만 설정 가능! 상하는 불가! - span>div는 불가 / span>span은 가능 span ; 특별한 의미가 없는 구분을 위한 요소 a ; 다른,같은 페이지로 이동하는 하이퍼링크를 지정하는 요소 / href(링크 URL), target(링크 URL의 표시 위치) ; _blank(새 창), _self(현재 프레임), _parent(부모 프레임), _top(현재 창에서 가장 상위 프레임) img ; 이미지를 삽입하는 요소 / src(삽입할 이미지의 경로),alt (삽입할 이미지의 이름) ..
CSS(Cascading Style Sheets) ; HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어 - 선택자 + 선언부로 구성 선택자 { 선언부 } 선택자 ; CSS를 적용하고자 하는 HTML 요소 전체 선택자 * ; 모든 요소를 선택 ex) div>* 태그 선택자 ABC ; 태그 이름으로 요소 선택 ex) div class 선택자 .ABC ; 특정 집단의 여러 요소 한 번에 선택 ex) .headings ID 선택자 #ABC ; 하나의 아이디는 하나의 요소에만 사용 ex) #heading 복합 일치 선택자 ABC.XYZ ; 선택자 ABC와 XYZ를 동시에 만족하는 요소 선택 ex) span.orange ; span이라는 태그이면서, class=orange인..