본문 바로가기

HTML4

코드펜 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.
JQuery는 여기에서 받아 가세요! 제이쿼리 소스는 어디에서 어떻게 받는지 소개합니다. 제이쿼리를 어떻게 사용하는지 알아 보러 출발합니다. 하나, 우선 제이쿼리의 cdn 주소를 알아 보러 갑니다. (제이쿼리를 내 PC에 다운받아서 연결을 해도 되고, cdn으로 연결을 해도 됩니다.) 코딩 작업을 하면서 제이퀘리 링크를 할 때 사용하는 cdn 주소입니다. 구글에서 jquery cdn으로 검색!! https://code.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party .. 2020. 9. 24.