프론트엔드 괴발개발 블로그

어쩌다보니 내가 2년차에 현재 회사에 입사 했을 때 모든 웹 개발자는 퇴사하고 없는 상황이었다.그래서 처음에는 다른 인원에 맞춰 모바일 네이티브 언어로 개발도 했었고 그 뒤로 웹앱과 웹을 하고 있는데 Vuejs와 React를 도입했으나 아무도 가르쳐주는 사람이 없었다. 외주 프로젝트가 많은 이상 개발 기간이 넉넉하지도 않고 위의 두 라이브러리, 프레임워크로 개발을 하다보니 최적화된 설계 없이 특정 기능들을 위주로 개발하게 되었다.특히 React에서는 특정 hooks, 예를 들면 useState와 useEffect의 숫자가 너무 많거나 이외의 hooks를 거의 사용하지 않고 개발하는 상황이 벌어졌다. 그나마 필요한 순간마다 공부하여 프로젝트에 적용하였고 프로젝트 사이마다 조금씩 시간이 나면 프로젝트 문서를..

JQuery(제이쿼리) 존 레식에 의해 개발된 경량 javascript 라이브러리로 javascript를 손쉽게 구현하기 위해 개발되었다. 장점 DOM 관련 처리를 손쉽게 한다. Ajax 통신, 이벤트 처리 등을 폭넓게 지원한다. 별도의 플로그인을 통해 차트, 슬라이드쇼, 테이블 등을 간단히 구현할 수 있다. 사용 방법 페이지 상단에 script 태그 내 src를 이용하여 추가할 수 있으며, 총 두 가지 방법이 있다. 1. 페이지 로드 인터넷이 연결된 상태라면 페이지 주소를 입력하여 연동할 수 있다. 아래 예시는 압축타입(min)을 로딩하였다. 2. 파일 저장 홈페이지에서 js 파일을 저장하여 경로를 지정한 뒤 사용할 수 있다. (jquery.com/)

정규 표현식 특정한 규칙을 가진 문자열을 집합을 표현하는데 사용하는 형식이다. 예를 들면 회원 가입 시, 개인정보 보호 및 보안정책을 준수하기 위하여 비밀번호를 일정 글자 수 이상, 특정 문자를 포함한 조건으로 만들어야 하는 경우가 있는데, 이 규칙도 정규 표현식에서 정해진 규칙이다.     function test1() { // 1. 정규 표현식 객체 선언 (2가지 방법) // var regExp = new RegExp("script"); // 찾을 문자열: 'script' var regExp = /script/; // 2. 문자열 var str = "javascript jquery aj..

캡슐화 생성자 함수에서 속성 선언 시 this 키워드를 사용하지 않고 지역변수로 선언한 뒤, sett와 getter 메소드를 작성할 때 this를 사용한다. -> 클로저를 활용한다. (지역변수를 지우지 않고 사용하는 기능) // 1. 매개변수 생성자 생성 function GirlGroup(gn, mc, m) { // 2. 변수 선언 var groupName = gn; var memberCount = mc; var members = m; // 3. this.를 이용하여 setter / getter 생성 this.getGroupName = function() { return groupName; } this.getMemberCount = function() { return memberCount; } this...