전체 글

1년차 프론트엔드 개발자입니다 😣 아직 열심히 배우는 중이에요! 리액트를 하고있어요 :) - gueit214@naver.com - https://github.com/gueit214
WebProgramming/JS

[JavaScript] 객체, 상속

이번에 배워볼 주제는 JavaScript의 객체입니다! 1. 객체 객체는 객체지향언어인 C++에서도 자주 쓰는 용어인데요 객체란, 실생활에서 우리가 인식할 수 있는 사물입니다. 예를 들어, 고양이는 하나의 객체(cat)입니다. 고양이라는 객체의 property에는 name,age,weight이라는 특성을 가질 수 있고, 고양이라는 객체의 method에는 eat(), sleep(), play()라는 행동을 가질 수 있습니다. 객체란, 이름과 값으로 구성된 property의 정렬되지 않은 집합입니다. 이 property의 값으로 함수가 올 수 있는데 이를 method라고 합니다. 객체의 선언 let gggangdori={ name:"깡돌이", family:"말티즈", age:10, // property ba..

알고리즘

[알고리즘] 자료구조란 ?

자료구조 ; 컴퓨터 과학에서 효율적인 접근 및 수정을 가능케 하는 자료의 조직, 관리, 저장 - 데이터 값의 모임, 데이터 간의 관계, 데이터에 적용할 수 있는 함수나 명령을 의미 - 신중히 선택한 자료ㅏ구조는 보다 효율적인 알고리즘을 사용할 수 있게 함 배열 ; 가장 일반적인 구조. 메모리 상에 같은 타입의 자료를 연속적으로 저장 #include using namespace std; int main(){ int array={1,2,3}; cout

알고리즘

[알고리즘] 알고리즘이란 ? / 알고리즘의 종류

알고리즘이란? ; 제한된 공간과 시간 안에서 데이터를 어떻게 처리할 것인지를 정해놓은 로직 알고리즘 공부 방향 - 어떤 자료구조를 이용하여 알고리즘을 작성하는 것이 좋을 지 - 작은 공간 + 빠른 시간안에 효율적으로 처리하는 것이 목표 - 인풋 사이즈 커질수록 Big O가 어떻게 변화하는지 - 자동완성, 복붙 사용 최소화할 것 - 충분한 고민 & 문제에 대한 이해/풀이 아이디어, 어려웠던 점 및 해결책 생각할 것 알고리즘의 종류 재귀 피보나치 수열 int Fibo(int n){ if(n==1 or n==2) return 1; else return Fibo(n-1)+Fibo(n-2); } 최대공약수(GCD) int gcd(int a,int b){ if(a%b==0) return b; return gcd(b..

취업 관련 지식

[취업 관련 지식] 코딩테스트 플랫폼

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 목표로! [부스..

WebProgramming/JS

JavaScript 기본 문법

JavaScript ; 1995년, 웹페이지에서 사용자로부터 특정 이벤트나 입력 값을 받아 동적인 처리를 목적으로 고안된 객체 기반의 스크립트 프로그래밍 언어 - 일반적으로 HTML문서에 내재, 브라우저에서 실행 - 인터프리터 언어 ; C언어처럼 컴파일 작업을 거치지 않고 바로 실행할 수 있는 언어 - 타입 명시 x + TypeScript ; MS에서 개발한 자바스크립트의 상위 언어 자바스크립트 프레임워크 ; 자바스크립트로 작성된 애플리케이션 프레임워크 - 라이브러리 ; 부모 코드에 의해 호출될 함수들을 제공 / 프레임워크 ; 애플리케이션 디자인 전반을 정의 ex) AngularJS, ReactJS, Node.js, Vue.js ECMA (=ES) ; Ecma International이 ECMA-262기..

WebProgramming/CSS

CSS 의사 클래스(:link,:hover,:checked,:first-child)

의사 클래스 ; 선택하고자 하는 HTML요소의 특별한 상태 명시할 때 사용 동적 의사 클래스 :link ; 한 번도 방문 하지 않은 상태 :hover ; 마우스 올려놓은 상태 :active ; 마우스로 링크 클릭하고 있는 상태 :visited ; 한 번 이상 방문한 상태 :focus ; 초점이 맞춰진 input 요소를 모두 선택, input, a, button, label, select에 가능. tabindex="-1"를 통해 탭으로 선택할 수 있게 만들 수 있음 상태 의사 클래스 - :checked ; 체크된(checked) 상태의 input 요소를 모두 선택함 - :enabled ; 사용할 수 있는 input 요소를 모두 선택함 - :disalbed ; 사용할 수 없는 input 요소를 모두 선택함 ..