CSS4 코드펜 Codepen에서 소스 연습도 하고, 코딩도 참고하고 코드펜 Codepen을 소개합니다. 학원에서 코딩을 배우면서 처음 코드펜 사이트를 알게 되었습니다. 아래의 url에 들어가서 많은 코드를 참고하였습니다. https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 다른 분들은 회원가입을 해서 주로 코딩 테스트를 할 때 코드펜을 많이 사용하는 것 같습니다. 저는 회원가입을 하지는 않고 주로 샘플을 찾거나 예시 소스를 참고하고자 할 때 코드펜에 들어갑니다.. 2020. 10. 11. 프론트엔드 개발 첫 걸음 어디에서 부터 시작해야할까? 프론트엔드 개발 시작은 무엇을 배우면서 시작을 해야할까? 컴퓨터, 프로그램에 대해서 비전공자로서 코딩을 배우고자 할 때 무엇부터 해야할지 몰랐죠. 갈 길은 보이지 않고 멀게만 느껴지고. C언어에서 부터 시작해야 할까? 아니면 정보처리기능사 부터 따야하나? 그런데 C언어 부터 시작을 할려니 왠지 어려울 것 같은 심적 부담감이...... 아내는 DB를 배웠고, 형이랑 동생은 정보처리산업기사를 따고 해당분야에서 일을 하고 있으니 C언어도 해볼만하다고 했는데 막상 C언어 부터 시작하려니 막막했죠. 거기에다가 이제 C언어를 배운다고 해서 프로그래머까지 성장할 수 있는 것도 아니고...... 인터넷에서 여러 경험담도 읽고, 유튜브에서 이런저런 동영상을 보면서, 드디어 나에게 맞겠다고 생각을 하면서 선택한 것이 프론.. 2020. 10. 7. 반응형 웹디자인 Responsive Web-Design 반응형 웹디자인에 대하여 알아봅니다. 반응형 웹디자인에 대한 이야기가 나온지는 이제 좀 되었네요. 그래도 아직 모르시는 분들과 이제 막 이쪽 분야에 관심을 가지고 계시는 분들을 위해 조금 내용을 정리해 봅니다. 반응형 웹디자인의 뜻부터 알아볼게요. 반응형 웹디자인을 단어별로 쪼개어서 살펴보면, - 반응형 : 무언가에 반응하는 형태(형식 아니면 프로그램)를 말하는 것인데, 그럼 무엇에 반응을 할까? 웹서핑을 할 때 사용하는 도구에 반응을 합니다. 그런 도구에는 PC도 있고, 테블렛도 있고, 제일 많이 사용하는 모바일 휴대폰이 있겠죠. 이런 도구에 반응을 한다는 의미이고, 정확히 이야기하면 이런 도구의 화면 너비값(width)에 반응하는 것을 의미합니다. - 웹 : 웹은 아실거구요. - 디자인 : 무얼 디자.. 2020. 9. 24. CSS 말줄임표(...)를 코딩하기 게시판에서 말줄임표를 CSS에서 코딩하기 메인페이지에 노출되는 뉴스의 요약내용에 보이는 말줄임표 (...)를 CSS에서 아래와 같이 코딩하세요. 영역에서 벗어나는 글자들은 "..." 표시해 줍니다. 간단하지만 코딩으로 표현하기에는 한편으로 어렵기도 해서 정리해 보았습니다. { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 2020. 9. 22. 이전 1 다음