전체 글 썸네일형 리스트형 javascript location.href, location.assign, location.replace 개발을 하면서 페이지를 이동시킬 일이 있다. 특정 이벤트가 발동 되었거나 콜백으로 어떤 값을 저장하고 성공했을 떄 이동시킨다거나 등등 본인이 원할 때 페이지를 이동시키는 경우는 자주 볼 것이다. location.href == 페이지 이동 with history location.assign == 페이지 이동 with history location.replace == 페이지 이동 without history 즉 location.href 와 location.assign 은 동일하다고 생각해도 무방하고 그 둘과 location.replace 의 차이를 알면 되겠다. history 객체에 접근해서 작업할 일이 있거나 웬만하면 뒤로가기 버튼을 눌렀을 때 직전의 페이지로 이동시키고 싶다면 replace 말고 나머지를.. 더보기 Wordpress Custom Css 하기 (Simple CSS 플러그인) 오늘 기존에 서비스하고 있는 프로젝트에 일부 페이지를 추가하고 스크립트 작업을 할 일이 생겼다. 우선 로그인과 회원등록 페이지를 만들어야 되는데 문제는 프론트가 워드프레스로 돌아가고 있는 것이었다. 한 번도 만져본적이 없던 툴이기에 조금 어색했는데 서치하다가 나오는 여러 로그인, 회원가입 관련 플러그인들이 많았지만 오히려 나한테는 불편했기에 직접 커스텁해서 스타일링 할 수 있는 방법을 찾아서 한 번 정리해보려 한다. 우선 관리자 페이지 왼쪽 메뉴바들을 보면 플러그인 창이 있는데 누르고 들어 간 뒤에 'Simple CSS ' 플러그인을 검색한 뒤에 깔아주고 활성화까지 시키면 되겠다. 그 다음 영문버전이면 'Appearance' 한문 버전이면 외모 카테고리에 들어가면 Simple CSS 플러그인이 보일 것이.. 더보기 리액트 APP 기본실행 포트 변경하기 기본 포트 3000으로 설정되어 있는 포트를 바꾸는 방법엔 3가지가 있다. 1. 명령어 이용하기 PORT=3003 npm start 2. package.json 파일 내 스크립트 직접 수정하기 ** MAC OS, Linux 기반 "start":"export PORT=3003 && react-scripts start" ** WINDOW 기반 "start": "set PORT=3002 && react-scripts start", 3. .env 파일 이용 프로젝트 폴더 내에 .env 파일을 하나 만든뒤에 포트번호 지정 PORT=3003 터미널에서 npm start 더보기 Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) 운영체제가 맥 기반인 환경에서만 설치가 가능하다는 에러메세지다. 그럼 윈도우 환경에서는 작업을 진행하려면 우선 검색해보면 package-lock.json 파일내에 node_modules/fsevents 객체 안에 os 가 darwin 으로 되어 있을 것이다. 'win32' 를 추가해주면 된다. "os": [ "darwin", "win32" ], 이렇게 해도 안 될 수도 있다리 (본인도 버전관련해서 에러가 있는것 같다. 아마 이걸로 대부분 해결 될 것이다. ) 더보기 브랜치 다뤄보기 git branch // 브랜치 목록 보기 git branch -d '브랜치명' // -d 브랜치 삭제 옵션 이번 건 팁 정도로 알아두고 보면 되겠다. git checkout -b '브랜치명' // 브랜치를 만듬과 동시에 이동 더보기 git branch 브랜치란? 깃의 로고를 잘 살펴보면 요로케 나무가지처럼 분리되어 나뉘어져 있는 것을 볼 수 있다. 저것을 코드관리흐름이라고 생각하면 브랜치가 어떤 것인지 바로 알 수 있다. 하나의 프로젝트를 진행하는 동안 하나의 코드 흐름으로 작업이 진행되는 경우는 많지 않다. 가령 앞단과 뒷단을 담당하는 사람이 나뉘어져 있고 프리미엄 버전과 일반 버전을 맡은 사람이 있고 같은 프론트라도 다른 카테고리, 다른 내용의 영역을 맡는 경우도 있다. 이렇게 여러 가지로 뻗는 코드흐름을 브랜치라고 한다. 직접 브랜치를 만들어보고 사용해보자 git branch 브랜치명 // 브랜치 생성 git checkout 브랜치명 // 브랜치 변경 정상적으로 브랜치가 변경이 된 것을 볼 수 있고 이 브랜치에서 작업하는 것들은 기존의 main 브랜치와는 .. 더보기 이전 커밋으로 git reset 하기 작업을 하다가 어느 시점(커밋) 부터의 작업이 통째로 다른 방향으로 흘러 갔거나 본인이 작업물이 맘에 안들어서 특정 시점으로 돌아가고 싶을 때 사용 할 수 있는 명령어가 있다. git reset --hard 커밋아이디 우선 깃에서 HEAD 라는 것을 볼 수 있는데 이 헤드가 가리키는 컷이 가장 최근 커밋이다. 이게 지금 최신 상태의 calculator 파일의 모습이다. 이전 단계의 커밋인 9bae~~~로 한 번 리셋하고 내용이 바뀌었는지 확인 해보겠다. 이전 단계에 있던 sayHello 함수가 없어지고 헤드가 가리키는 것도 달라진 것을 볼 수 있다. 더보기 GIT 긴 커맨드에 alias 설정하기 깃으로 여러 옵션들이 딸린 명령어를 입력 할 경우 특히 그 명령어가 본인이 자주 쓰는 명령어일 경우 매번 그 긴 명령어를 치기 귀찮을 것이다. alias 명령어를 통해 문구를 설정해줄 수 있는데 git config alias.실행시킬 명령어 '실행될 명령어문구' 잘 작동한다. 더보기 이전 1 ··· 6 7 8 9 10 11 12 ··· 24 다음
