https://www.youtube.com/watch?v=vtUJLtF7pfw&list=PLgqG2uj21HgmvkxcxKD0aYvF8zs0LGAES&index=2
위 유튜브 영상을 참고로
MBTI 테스트 프로젝트를 진행한다.
ATOM 페이지가 영상과 많이 달라져(2년 전 영상이라)
내가 찾아본 내용으로 정리해보았다.
ATOM 검색
이렇게 겁색이 되는데
눌러서 들어가본다.
깃허브 아이디로 로그인을 하면 된다.
(없으면 회원가입)
아톰 다운로드
영상 이미지와 다르게
이런식으로 깃허브페이지로 들어가진다.
스크롤을 쭉 내리면 아래와 같은 화면이 보인다.
클릭한다!
맥, 윈도우, 리눅스 선택해서 다운로드
맥, 윈도우, 리눅스
필요한 것으로 다운로드 해준다.
윈도우 버전 다운로드 하기
도서관 컴퓨터가 윈도우버전이여서
위에서 windows - Atom installer를 눌러준다.
그러면 아래와 같은 화면이 뜨는데
Assets에서 atom-windows.zip을 눌러준다,
(꼭 이거 아니여도 되고 원하는거로)
압축 풀기
압축을 풀어주는 것은 워낙 간단하므로 생략하고,
압축을 풀어 실행하면 다음과 같은 화면이 뜬다.
이제 설치를 완료했으므로 프로젝트를 따라서 진행해준다.
상단 File- settings - install
근데 여기서...
문제 발생!!
emmet (자동완성) 패키지가 검색이 안된다 ㅎ
다른 자동완성 패키지가 있겠지만
찾기 귀찮으므로 atom대신 replit으로 변경하도록 한다
결론은..
replit 쓰자
'MBTI 테스트 프로젝트' 카테고리의 다른 글
[MBTI 테스트(6)] QnA 화면 구현하기 (innerHTML, createElement, addEventListner) (0) | 2023.04.13 |
---|---|
[MBTI 테스트(5)] 판다코딩 유튜브_화면전환하기 (애니메이션으로 화면 서서히 사라지기/나타나기) (0) | 2023.04.12 |
[MBTI 테스트(4)] 판다코딩 유튜브_메인페이지 꾸미기 (0) | 2023.04.09 |
[MBTI 테스트(3)] 판다코딩 유튜브_Bootstrap이란? 설치부터 부트스트랩 css 사용까지 (0) | 2023.04.09 |
[MBTI 테스트(2)] 판다코딩 유튜브_강의 주의사항 및 페이지 레이아웃, git hub에서 다운받기 (0) | 2023.04.09 |