반응형 전체 글130 params를 쓸까 query를 쓸까? (참고로 이 글은 파라미터와 쿼리스트링에 대한 정보가 담긴 글은 아닙니다ㅋㅋ) 포트폴리오에 readme를 모달로 띄워놓은 상태였다. 따로 만든 이력서에 플젝설명을 또다시 적는 삽질보다는 해당 링크를 거는게 낫지 않겠는가 싶어서 호기롭게 시작했지만, 코린이에게는 역시나 고비가 왔다. 내 포폴은 SPA이다. 컴포넌트 하나에만 route를 해놓은 상태였다. 제일 먼저 생각한 방법 1. params가 있을 때 모달을 띄울때 걸어놓은 setState 상태를 바꾸자 라는 방법이였다. Layout컴포넌트는 nav와 footer는 공통 Outlet 갖고 있는 화면 전체 레이아웃이다. 처음에는 그냥 layout의 path에 :parmas를 했지만 아예 화면이 보이질 않았다. 그래서 따로 Project 컴포넌트를 path.. 2022. 12. 13. prototype 프로토타입은 자바스크립트의 핵심이다. 프로토타입 기반의 언어가 자바스크립트라는 개념을 인식해야한다. 클래스를 사용할 때도 프로토타입과 연관되어 있다. const user = { name: 'cap', age: 100 } const admin = user = { name: 'cap', age: 100, role: 'admin' } user과 admin 객체를 만들었다. 코드에서 보면 중복되는 name, age 속성들이 있다. 중복되는 코드를 줄일 수 있는 방법이 javascript에서 지향하는 prototype상속의 개념이다. user의 정보를 admin도 사용할 수 있도록 __proto__를 사용해서 prototype을 상속시켜줬다. admin을 조회해보니 [[prototype]] 안에는 age와 nam.. 2022. 12. 8. enum 살펴보기 enum이란? 특정 값들의 집합을 의미하는 자료형으로 어떠한 집합의 데이터 타입이다. enum Shoes{ Nike, Adidas, puma } const myShoes = Shoes.Nike console.log(myShoes) Shoes라는 집단을 만들었다. 해당 데이터를 가지고 변수를 만들었는데 콘솔로 찍으면 0 이 나오게 된다. 이넘을 썼을 때 별도의 값을 지정해주지 않으면 숫자형 enum으로 취급을 하게 된다. 그래서 Shoes.Nike는 첫번 째 값이 0으로 시작된다. // 초기화를 할당하지 않으면 기본값은 0부터 증가 enum Shoes{ Nike = 10, Adidas, puma } const myShoes = Shoes.Adidas console.log(myShoes) //11 Nike .. 2022. 12. 7. README 꾸미기 밀렸던 포스팅 중 하나가 README 꾸미기이다. 본격적으로 README를 적으면서 느낀건 생각보다 시간이 꽤- 오래걸린다는 것이다. 적어야 할 말도 많지만, 글 제주가 없는지라 여기저기서 참고해서 적느라 더 오래 걸리는것 같다. 마크다운 문법은 이전에 익혀둬서 크게 어려운점은 없었지만 저노므 stack뱃지는 대체 어떻게 하는거야!? 해서 찾아봤는데 한번 복붙만 해놓으니까 다시 사용하려고 할 때 또 찾게 되더라 찾아보고 가장 많이 나온 사이트가 shields랑 simpleicon이다. shields에서 하게 되면 처음에는 사용 법이 어렵다. 해서 나 처럼 이렇게 해보시는 걸 추천한다. https://simpleicons.org/?q=types Simple Icons 2413 Free SVG icons f.. 2022. 12. 7. 이전 1 ··· 16 17 18 19 20 21 22 ··· 33 다음 728x90 반응형
