CodePen - 코드펜 에디터 레이아웃을 변경하기

---

코드펜 에디터 가로로 사용하기

---

 

안녕하세요.

고코더 입니다.

 

 

 

● 1. 코드펜의 기본 레이아웃은 보시는 거처럼 상단에 코드를 작성할 수 있는 코드들이 있고 결과는 아래에 표시되는 형태를 취합니다. 개인적으로는 와이드 화면에서 위와 아래로 나누는 화면은 효율적이지 못한 거 같습니다. 그리고 코드가 한눈에 보이는 건 위아래로 나열할 때 저는 좀 더 편한 걸 느낍니다.

 

● 2. 화면 상단에 Change View를 클릭합니다. 그럼 "Editor Layout"에 3가지 형태의 레이아웃 존재합니다. 이중에 하나를 선택하면 다르게 코드 작성이 가능합니다. 나머지 레이아웃들은 모두 와이드 화면에 왼쪽과 오른쪽에 코드 작성 창이 위치한 방식입니다.

 

● 3. 왼쪽에 코드 창이 위치한 레이아웃입니다. 요즘처럼 16대 9 비율이 모니터 기본 해상도 일 경우에는 이게 좀 더 효율적이지 않나 싶습니다. 가로로 긴 화면에서 개발한다면 한번 설정해보시길 바랍니다.

 

 

---

마무리

---

 

눈에 편한 레이아웃을 찾아보세요.