본문 바로가기

coding/etc

[code pen] 레이아웃 바꾸기

안녕하세요. 플입니다.

코드팬에서 레이아웃을 바꿔볼게요.

 


 1.  code pen

 

https://codepen.io/pen/

 

Create a New Pen

...

codepen.io

codepen온라인에서 코딩을 할 수 있는 사이트인데요. 이전에 new pen이라고 포스팅을 올린 적 있죠.

정확한 명칭은 codepen이었네요. 에디터 프로그램을 쓰지 않고 간편하게 코딩해볼 수 있어서 좋아요.

뭔가를 만든다기보다 실험해볼 때 쓰면 좋을 것 같네요.

 

먼저 코드팬을 열어주세요.


 2.  레이아웃 변경

이런 화면을 만날 수 있을 거예요. 이제 레이아웃을 바꿔서 코드를 짜는 부분을 좌측으로 정렬해볼게요.

 

왼쪽 위 메뉴를 보시면 Change View라고 적힌 메뉴가 있죠? 이것을 눌러주세요.

 

굉장히 직관적인 UI를 만날 수 있죠. 왼쪽에 정렬할 거였으니까 맨 왼쪽에 있는 아이콘을 눌러주세요.

 

 

그러면 이렇게 왼쪽으로 정렬된 모습을 볼 수 있습니다.

자신이 편한 레이아웃으로 변경해서 사용해봐요.

 


그럼 이만.

총총.