- Brackets Synapse : 서버에 바로 접속해서 파일의 코드를 수정할 수 있도록 해주는 플러그인
1. 설치
- 플러그인 설치 아이콘을 누릅니다.
- 검색에 [brackets synapse]라고 검색한 후 [설치]버튼을 누릅니다.
- 설치가 다 되면 [설치에 성공했습니다]라는 경고창이 뜹니다.
- 그러면 [닫기]버튼을 눌러줍니다.
2. 서버 설정
- 설치가 다 되면 [플러그인설치]아이콘 아래에 [S]자로 되어 있는 [synapse]아이콘이 있습니다.
- 그 아이콘을 클릭해주세요.
- 버튼을 누르고 나면 Synapse의 [Server List]가 보입니다.
- 혹시 위에 보이는 아이콘이 잘 안보이면 검은 라인을 늘려줍니다.
- 위의 영상처럼 왔다갔다 하면 아이콘이 다 보일겁니다.
- [+]버튼을 눌러줍니다.
- 다 작성하고 나면 [APPEND]버튼을 눌러줍니다.
- 서버리스트가 보일 것이고 위에 빨간 테두리 친 부분에 마우스를 올리면 버튼들이 보일 겁니다.
- 이때 [CONNECT]버튼을 눌러줍니다.
- 그럼 내부의 파일에 접속할 수 있습니다.
- 현재 파일에는 [<h1>안녕하세요</h1>]라고 써있습니다.
- 그것을 [Hello]로 수정해보겠습니다.
- 그럼 바로 변경되는 것이 확인됩니다.
- 제가 테스트해본 결과 파일 생성은 새롭게 잘 안되는 것 같습니다.
- 파일생성은 로컬컴퓨터(클라이언트)에서 생성 후 FTP를 이용하여 서버에 업로드를 해주시고 수정용으로 사용해주세요.
3. 비밀번호 설정
- 브라켓을 다시 접속하고 [Synapse]버튼을 누르면 비밀번호를 설정하라고 나옵니다.
- 다른 사람이 컴퓨터에 접속해서 서버 내부를 건드리면 안되기 때문에 비번을 설정하는 것이 좋습니다.
- 그럼 다시 접속할 때마다 비밀번호를 입력하면 됩니다.
4. 비밀번호 수정
- 비밀번호를 수정하는 기능은 없습니다.
- [Brackets Synapse]를 삭제했다가 다시 설치해도 비밀번호가 남아 있습니다.
- 일단 [Brackets Synapse]를 삭제합니다.
- [C:\Users\사용자 정\AppData\Roaming\Brackets]으로 들어가 [brackets.json]이라는 파일을 엽니다.
- 혹시 안보인다면 숨김항목을 보이도록 처리해주세요.
- synapse관련 코드를 다 삭제후 [Brackets Synapse]를 다시 설치합니다.
'웹언어 > 코딩에디터사용법' 카테고리의 다른 글
[VS CODE] FTP-Simple - 원격서버접속 플러그인 (5) | 2021.06.14 |
---|---|
[VS CODE] VS CODE의 외부 JS문서에서 제이쿼리 자동완성기능 추가 (0) | 2021.06.08 |
[VS CODE] Reactjs Code Snippets (0) | 2020.08.08 |
[VS CODE] Live Sass Compiler (4) | 2020.08.03 |
[VS CODE] 설치 및 확장플러그인 (0) | 2020.08.02 |