rdh6327의 등록된 링크

 rdh6327로 등록된 네이버 블로그 포스트 수는 10건입니다.

디자이너경준아빠의 웹퍼블리싱 : flex: 1과 flex-grow: 1의 차이점~^^ [내부링크]

[ 아래는 완성된 소스화면입니다 ] http://rdh6329.dothome.co.kr/Home_Practice/Flex1_And_FlexGrow1/index.html 디자이너경준아빠의 웹퍼블리싱 ① 아이템의 부모에 display: flex만 한 상태 AAAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB CCCCC ② 아이템에 flex-grow: 1을 적용한 상태 (flex-basis: auto) AAAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB CCCCC ③ 아이템에 flex: 1을 적용한 상태 (flex-basis: 0) AAAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB CCCCC rdh6329.dothome.co.kr flex를 공부했다는 가정하에서 오늘은 flex: 1과 flex-grow: 1의 차이점에 대해서 설명을 해드리도록 하겠습니다. flex: 1과 flex-grow: 1

디자이너경준아빠의 웹퍼블리싱 : 웹 이력서 다시 만들어봤어요~^^ [내부링크]

[ 아래는 완성된 소스화면입니다 ] http://rdh6329.dothome.co.kr/Home_Practice/CSS_Resume_CV_Design2/index.html 디자이너경준아빠의 웹퍼블리싱 Designer & Publisher Kyoung Jun Daddy Profile Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil velit dolore accusamus corporis quam mollitia officiis magni quod laboriosam architecto ad minus consequatur dolorem libero voluptatum rerum, placeat, sed quidem. Lorem ipsum dolor sit, amet ... rdh6329.dothome.co.kr 예전에 한번 웹 이력서를 만들었는데 공부도 할겸 다시 만들어 봤어요. 이 소스의 코딩은 Grid + Flex를

유튜브 1분코딩님의 Flex-Box와 Grid 완벽정리~^^ [내부링크]

오늘은 1분 코딩님의 유튜브 강의 동영상을 살펴보도록 하겠다. 1분 코딩님의 유튜브 동영상에는 Grid에서 repeat 안에 minmax 함수와 함께 쓰이고 있는 auto-fill과 auto-fit의 기능 설명이 없는 것이 약간 아쉽게 생각되기는 하지만 그것만 빼고는 Flex-Box와 Grid를 간편하게 생각하기 위해서는 설명이 잘 되어 있으며 1분 코딩님의 강의가 최고인 것 같다고 생각한다. 나는 벌써 1분 코딩님의 이 동영상을 몇 번째 보는지 모르겠다. 대략 생각해도 10번은 넘은 것 같다. 그 정도로 Flex와 Grid는 어렵다는 말이다. Flex-Box와 Grid가 나만 어려운 것인지 아님 다른 사람들도 어려운 것인지는 나는 잘 모르겠다. Grid의 repeat에 두번째 인자인 minmax 함수가 아니라 첫번째 인자에 사용할 수 있는 키워드에는 auto-fill과 auto-fit가 있다. auto-fill과 auto-fit를 하고 뒤에 절대값을 지정하게 된다면 브라우저 크기가

코딩을 할때 꺽쇠 > 자식선택자를 넣는 기준을 알려드리겠습니다~^^ [내부링크]

[ 아래는 완성된 소스화면입니다 ] http://rdh6329.dothome.co.kr/Publishing/Child_Selector_Example/index.html 디자이너경준아빠의 웹퍼블리싱 서브메뉴1 메뉴Deep 메뉴Deep 메뉴Deep 메뉴Deep 서브메뉴2 메뉴Deep 메뉴Deep 메뉴Deep 메뉴Deep rdh6329.dothome.co.kr → 코딩을 하다보면 자식을 사용해야 할때가 많이 존재하게 됩니다. >는 부모 바로 한 단계 밑의 자식을 의미합니다. [ html code ] <nav> <ul> <li class="1Depth"> <a href="#">1Depth Menu</a> <ul> <li class="2Depth"> <a href="#">2Depth Menu</a> <ul> <li class="3Depth"> <a href="#">3Depth Menu</a> <ul> <li class="4Depth"><a href="#">4Depth Menu</a></li>

디자이너경준아빠의 웹퍼블리싱 : 반응형 웹은 em을 추천드려요~^^ [내부링크]

이웃님들께서 코딩할 때 단위를 보게 된다면 px이나 em과 rem 그리고 %와 vw, vh가 있습니다. 반응 형 웹을 만들고 싶으시다면 어떤 단위를 사용해야 하나 고민이 많이 되실 것입니다. 이웃님들께서 반응 형 웹을 만들고 싶으시다면 첫 번째로 추천해드리는 단위는 %이고 그 다음으로는 em를 추천 드릴 수 있습니다. https://blog.naver.com/rdh6327/223024810243 디자이너경준아빠의 웹퍼블리싱 : CSS Dragon Animation~^^ [ 아래는 완성된 소스화면입니다 ] http://rdh6329.dothome.co.kr/Publishing/CSS_Dragon_Animation/... blog.naver.com 위 포스트를 보시면 아실 수가 있겠지만 코딩할 때 단위를 전부 다 em를 쓰게 된다면 반응 형 미디어쿼리를 접근하실 때 font-size 만으로도 간단히 사이즈를 줄일 수 있기 때문입니다. 저도 코딩할 때 em이 이렇게 좋은지 이제야 알게 되

디블리셔의 업무 범위에 과연 그누보드도 포함이 될까요? ^^ [내부링크]

요새 말로 자신이 디블리셔라고 부르는 사람들이 주변에는 많이 있습니다. 사람들이 디블리셔 디블리셔 하길래 처음에는 이것이 대체 무슨 말인지 헷갈렸습니다. 제가 생각하기에 디블리셔는 디자인도 하면서 코딩도 하는 그런 사람인 것만 같았습니다. 하지만 다시 생각을 해보니까 명확히 알 수 있었습니다. 디블리셔라는 말은 그냥 웹디자이너라는 것을 느낄 수 있었습니다. 즉, 코딩 좀 할 줄 아는 그냥 웹디자이너입니다. 여기서 코딩이란 html을 이야기합니다. 제가 생각할 때 디블리셔는 퍼블리셔와는 다른 개념인 것 같습니다. 퍼블리셔라는 말은 html과 CSS, Javascript, jQuery를 포함합니다. 제가 생각하는 퍼블리셔는 디자인은 하지 않습니다. 오로지 코딩만 하는 사람을 말합니다. 자신이 디블리셔라고 말하는 대부분의 사람들은 그냥 웹디자이너라고 생각합니다. 웹디자인도 하고 html을 조금 아는 사람들 말입니다. 예전에는 테이블 코딩을 많이 해서 포토샵으로 디자인을 한 다음에 슬라이스

웹퍼블리셔란 무엇일까? 웹디자이너 웹개발자와 어떻게 다를까? [내부링크]

오늘은 웹퍼블리셔에 대해서 자세히 설명을 해드리도록 하겠습니다. 먼저 웹쪽으로 일하는 사람들을 간단하게 구분해보면 웹개발자,웹기획자,웹디자이너가 있습니다. 여기서 웹개발자는 프론트엔드와 벡엔드로 나눌수 있습니다. 간단히 말해서 프론트엔드는 사람들의 눈에 보이는 부분을 디자인하는 것이고 백엔드는 눈에 안보이는 부분을 디자인하는 것입니다. 웹개발자가 돼기 위해서는 제가 생각할때는 웹개발자가 고시공부를 하는것과 거의 맞먹거나 더 어렵다고 생각합니다. 웹퍼블리셔는 웹디자이너가 웹화면을 디자인 한 것을 코딩을 해서 브라우저 화면에 똑같이 나오게 하는 일을 하고 있습니다. 웹화면에서 슬라이드가 있다면 구동을 시키고 폼 화면을 디자인하고 게시판도 클릭을 하면 브라우저 화면에 연결이 되게 해야 되는데 폼이나 게시판이 데이터베이스에 연동되게 하는 것은 웹개발자가 하고 있습니다. 웹퍼블리셔는 브라우저도 단순히 한개가 아닌 여러브라우저 화면에 똑같이 나오게 하는 일도 하고 있습니다. 신입 웹퍼블리셔는

웹퍼블리싱을 독학으로 시작할때 막막한 사람들은 보세요~^^ [내부링크]

웹퍼블리싱 공부를 학원에서 배우면 좋겠지만 웹퍼블리싱 학원을 다닐 시간도 없고 또 여유도 안 되는 사람들이 주위에는 분명하게 있을 것이다. 그러한 분들을 위해서 내가 웹퍼블리싱을 독학으로 공부하면서 느꼈던 생각들을 말씀드리겠다. 우선 웹퍼블리싱을 독학으로 공부하고자 하는 사람들은 웹퍼블리싱 기초를 닦는 것이 무엇보다도 중요하다. 내가 추천하는 곳은 바로 이지스퍼블리싱이다. https://blog.naver.com/rdh6327/222576343987 이곳 동영상으로 내가 처음 웹퍼블리싱 공부를 시작했었다. 여자강사가 영어발음이 매우 뛰어나고 강의 중간 중간에 어이쿠하는 모습이 무척이나 귀엽다. 그리고 또 추천을 드리는 곳은 바로 빔캠프이다. https://www.youtube.com/@veamcamp 이 링크를 클릭하면 빔캠프 채널이 나오게 된다. 또 추천드리는 곳은 바로 에드위치이다. https://www.boostcourse.org/cs120 링크로 들어간 다음에 수강신청 버튼을

HTML & CSS 웹퍼블리싱 코딩독학 동영상강의 추천해요~ ^^ [내부링크]

[ 데스크탑을 기준으로 설명을 드리겠으며 모바일은 데스크탑을 먼저보신 후에 관련메뉴를 잘찾아보시기 바랍니다 ] https://www.boostcourse.org/cs120 비전공자를 위한 HTML/CSS 부스트코스 무료 강의 www.boostcourse.org 링크를 클릭하면 브라우저에 화면이 나오는데 우측에 있는 수강신청 파란색 버튼을 클릭하기 바랍니다. 로그인이 필요하다고 메세지가 뜰 것입니다. 로그인을 클릭하시기 바랍니다. 맨 위에 있는 네이버로 로그인을 클릭하시기 바랍니다. 우측에 있는 강좌 바로가기 검정색 버튼을 클릭하시기 바랍니다. 그럼 강좌가 나오는데 좌측을 보시기 바랍니다. 1. HTML 이해하기 2. HTML 태그 3. 콘텐츠모델, 시멘틱마크업, 블록 4. CSS 이해하기 5. 단위, 배경, 박스모델 6. 폰트, 텍스트 7. 레이아웃 8. 미디어쿼리 그럼 이 강좌가 보이게 될 것입니다. 우선 HTML을 모르시는 분들은 1강부터 클릭을 해보시기 바랍니다. 1강의 상세강

웹퍼블리싱 코딩 독학하면서 만들었던 홈페이지들입니다. ^^ [내부링크]

[ 아래 링크는 제가 웹퍼블리싱을 공부하면서 예전에 만들었던 홈페이지 메인화면들입니다 제법 오래되었네요 ^^ ] → https://blog.naver.com/rdh6327/222716181744 (링크를 클릭하기전에 아래글 먼저 읽어주기 바랍니다) 웹퍼블리싱한 홈페이지들 메인화면입니다. 예전에는 홈페이지 용량이 많은 관계로 결제해서 유료호스팅을 사용했었는데 홈페이지 용량을 좀 줄이고 무... blog.naver.com 죄송하지만 제 홈페이지에 들어가서 링크를 직접 클릭해 홈페이지에 들어가는 것은 트래픽 때문에 피하셔야 합니다. 제 홈페이지가 닷홈 무료 홈페이지다보니 트래픽 때문에 어쩔 수 없이 우회해서 위 포스트에 링크를 걸어놓았습니다. 홈페이지 링크를 직접 클릭하지 않고 우회해서 접속을 하게 되면 트래픽이 없어지지 않는다는 것을 우연히 알게 되어서 제 닷홈 무료 홈페이지로 계정을 2개 만들어서 지금까지 웹퍼블리싱 자료들을 이렇게 올릴 수가 있었습니다. ^^ 위 링크를 클릭해서 포스