close_btn
로그인, 회원가입후 더 많은 혜택을 누리세요 로그인 회원가입 닫기

19-2학기 웹-프론트 툴 소개~

장미 2019.11.04 09:59 조회 수 : 133

1. 카카오 오븐: 프로토타이핑 툴

https://ovenapp.io/

 

 무료이고, 무엇보다 쉬워서 프로젝트를 할때 프론트를 맡았을 때 사용해보았다.

https://ovenapp.io/view/UWYQLVr4WNvH1tLveE2NyS7ItJd9szD1/

패션을 주제로 했던 프로젝트를 진행했을때 만들었던  프로토타입인데 짧게 사용해본서 느꼈던 것은

1. 쉽고, 직관적이다

2. 온라인 툴이라 별도의 설치가 필요없이 구글아이디로 가입하고 바로 사용할 수 있으 편리하다.

3. 기획 단계에서 뼈대를 만들어볼 때 나쁘지 않다.

4. 그러나 협업용으로 사용하기는 정말 불편하다.

(내가 진행했던 프로젝트를 팀원에게 공유할 수는 있었지만, 수정권한까지 넘길 수는 없었고 복제를 한 후 이어서 만들기만 가능했다,

당연히 다른 프로젝트간의 복사 붙여넣기도 불가능했고 여러 팀원들이 동시에 다른 계정으로 프로토타이핑을 할 수가 없고 한사람이 하면 그걸 복제해서 다른 사람에게 넘겨주고, 또 그 사람이 하던 작업이 끝나고 다시 넘겨받아야 전체 프로젝트가 보존될 수 있는 방식이었다.)

아직 베타버전이긴 하지만 그래도 너무 불편했고, 다음에 프로토타이핑을 할때는 *어도비 XD를 배워서 사용해볼 생각이다.

*ppt에서 처럼 도형들로 프로토타입을 만들어놓으면 css코드를 자동으로 구해주는 기능이 너무 편해보였음!

 

 

2. CSS framework tailwind (django 버전)

 

이것도 프론트쪽을 하다가 써본 툴인데,https://tailwindcss.com/ 여기 첫페이지가 그 모든 설명을 대신한다.

진짜진짜진짜 편리하다

이미 만들어져있는 클래스만 추가하면 그 효과들이 나온다ㅠㅠㅠㅠ

css코드 치다가 그리드 안맞고 맨날 하다가 맘에 안들어서 css수정하면 다른 것들까지 바뀌어서 코드 꼬이고 했었는데

이건 정말 너무 좋아보여서 써야겠다 마음을 먹었다. 쓰려고 시도해보면서 겪었던 어려움은

1. 역시나 npm 기반으로 짜여져 있담... django프로젝트를 진행하고 있었던 나는 열심히 tailwind 장고 버전을 찾으러 다니다가 몇시간을 까먹었던 것 같다

결국 찾아서 깔긴했지만 무수한 에러들과..(장고가 그렇지뭐.._

2. 클래스가 정말정말 많고 다양하다. 그래서 그것들을 저 첫페이지의 예시처럼 자유자재로 써먹으려면 생각보다 암기가 필요하다...

물론 자동완성 기능 켜놓으면 추천해주긴하지만 저 예시처럼 ㅌ타다ㅏ다닫ㄱ ->완성! 을 느껴보려면 어느정도의 공부가 필요할 것 같다.

 

그래서 결론은 프로토타이핑할거면 오븐같은거 말고 어도비XD를 제대로 배우자..+ 부트스트랩 쓸만한거 다써봐서 심심하다면 tailwind 도전도 나쁘지 않다

정도였다! 다들 즐거운 코딩 되세요~

번호 제목 글쓴이 날짜 조회 수
공지 우승민 DYL 발표 동영상 아이캠퍼스 탑재 [2] 김미량 2020.12.09 62
공지 11월 10일 9시부터 실시간 온라인 수업 시작합니다. 김미량 2020.11.09 360
공지 DYL 발표 순서 [2] 희진 2020.10.06 286
공지 Webex 실시간 수업 접속 주소입니다. 김미량 2020.09.28 260
1459 [DYL] 이동섭 질의응답입니다! [2] 이동섭 2019.11.26 90
1458 나만의 툴 소개하기 [4] file 임병주 2019.11.25 63
1457 [DYL] 윤진우 Q&A 정리 [2] 윤진우 2019.11.19 100
1456 나만의 툴 소개하기 ! [1] file 정지윤 2019.11.19 64
1455 오늘 수업.... [3] 김미량 2019.11.19 78
1454 나만의 툴 소개하기 [4] file 이나영 2019.11.15 111
1453 나만의 툴 소개 [6] 박민성 2019.11.12 90
1452 나만의 툴 소개하기 [3] file 윤진우 2019.11.12 79
1451 DYL 발표 날짜 바꿔요 [2] 정유찬 2019.11.12 98
1450 Game Based Learning - 게임 기반학습 관련자료 [3] 심규현 2019.11.12 91
1449 나만의 툴 소개하기 [3] 백경현 2019.11.12 68
1448 나만의 툴 소개하기 [7] 희원 2019.11.08 351
1447 나만의 여행 툴 소개 [5] 이동섭 2019.11.05 110
1446 나만의 툴 소개 [4] 서린 2019.11.05 71
1445 나만의 툴 소개 [8] file 송영민 2019.11.05 118
1444 나만의 툴 소개 - Repl.it, Xilinx ISE, MATLAB [2] file 김요섭 2019.11.05 259
1443 나만의 툴 소개 [2] 박수빈 2019.11.05 116
1442 나만의 툴 - OpenCV [4] file 박현욱 2019.11.04 169
1441 유용한 툴 소개 - 안드로이드 스튜디오 [3] file 김기태 2019.11.04 98
» 웹-프론트 툴 소개~ [5] 장미 2019.11.04 133