본문 바로가기
반응형

전체 글89

[javascript] 객체리터럴이란? 자바스크립트에서 객체리터럴이란 용어를 들어봤을것이다. 객체 선언 방식중에 하나인 객체리터럴은 어떤것을 의미하는지 한번 알아보도록 하자 객체 자바스크립트는 객체 기반 프로그래밍 언어이며, 원시 값을 제외한 나머지 값은 모두 객체이다. 객체는 프로퍼티로 구성된 집합인데, key와 value로 구성이 된다. 객체 리터럴 객체리터럴은 key:value 형식의 data를 입력하는 방식이다. //object literal let info = { name: "kim", intro : function(){ console.log(`my name is ${this.name}`); } }; console.log(typeof info); console.log(info); //result object { name:"kim" ,.. 2024. 1. 9.
패스트캠퍼스 - 고성능 대규모 프론트엔드 10개 프로젝트 강의명 - 고성능 대규모 프론트엔드 10개 프로젝트 : 최적화부터 유지보수까지 한 번에 끝내는 초격차 패키지 Online. 수강기간 : 평생 수강 수강후기 1년차 프론트엔드 개발자입니다. 회사에 웹개발자가 혼자인 상태에서 랜선 사수가 되어준 패스트캠퍼스 블로그와 트위터 예제를 하면서 리액트에 대해서 많이 배울 수 있었습니다. 회사 사이트 중에 리액트로 구성된 사이트가 있는데, 어디서부터 시작해야 될지 몰랐을 때 강의를 보면서 관련된 개념을 공부할 수 있었고 여기서 나오는 예제들을 참고해서 많은 프로젝트를 해낼 수 있었습니다. 앞으로의 목표 10개 프로젝트를 배우면서 커뮤니티나 개인 포트폴리오 용 사이트들을 만들어보려고 합니다. 내년까지 3가지 블로그, 아이디어 노트를 위한 사이트, 자산관리 사이트를 만들.. 2023. 12. 1.
[React Hooks] useEffect에 대해서 useEffect 1.useEffect를 쓰는 이유? 매번 컴포넌트가 렌더링 될때 특정 조건에 의존하여 수행되며, 컴포넌트가 최대한 순수 함수를 유지할 수 있도록 도와주는 함수 Mount - 화면에 첫 렌더링 Update - 다시 렌더링 Unmount - 화면에서 사라질때 //첫번째 형태 렌더링이 될때 마다 실행 useEffect(()=>{ //작업 }) 첫번째 형태에서는 렌더링이 될때마다 실행이 된다. //두번째형태 화면에 첫 렌더링이 될때 실행 value값이 바뀔때 실행 value값이 없이 [] 빈배열로 하면 한번만 실행 useEffect(()=>{ //작업 } ,[value]) 두번째 형태에서는 첫번째 렌더링 될때 실행되고 그 이후에는 value값이 바뀔때만 실행이 된다. value값이 없이 [].. 2023. 11. 15.
UIUX 레퍼런스 모음 - 알툴즈 3Point 너무나도 유명한 PC필수품 알툴즈 사이트를 살펴보았습니다. 어떤 매력포인트들이 있는지 살펴보도록 하겠습니다. 1. 배너 캐러셀 전체적으로 알툴즈는 둥근 사각형모양으로 박스형태 디자인을 잘 활용한듯하다. 캐러셀을 중간중간 잘 활용하였고 빽빽하게 디자인을 채운 것이 아니라 여백을 많이 주고 중요한 포인트를 잘 보여줘서 가독성이 뛰어난 띠배너라는 생각이 들었다. 2. 메인배너 AD-ZERO라는 서비스 페이지를 들어가면 밑에 해시태그들이 계속 이동하고 있다. 이런 스타일의 모션은 자주 보여주고 있는 형태인듯하다. 알툴즈에 장점중에 하나는 컬러와 가독성을 잘 만들어낸 것 같다. 3. 구독 가격 홍보 이것도 여백과 가독성을 제대로 보여준 사례라고 보인다. 한눈에 월구독 990원이라는 단어가 눈에 들어온다. 선착순 .. 2023. 8. 21.