요즘 커리어리 라는 어플을 애용하고 있는데, 동기부여가 되고 자극이 되는 글들이 많다. 커리어리 글 중 '주니어 개발자들의 8가지 일반적인 실수' 라는 글이 있다 하나 같이 다 맞말이라서.. 자극을 넘어 뼈맞았다.. 우연히 프론트 업무를 하게 되었는데, 요령이라도 배우고 싶은 심정이다.. egovFrame 에 대해서 좀 더 알아봤다. '행정안전부 산하기관인 한국정보화진흥원에서 만든 웹기반 프레임워크' 즉, 대한민국 공공 부분 정보화 사업시 플랫폼별 표준화된 개발 프레임워크, java 기반, 운영 표준 환경 제공 spring 과 차이라 한다면, egovframe 은 spring + @ 로 가공한 형태의 프레임워크이다. front 끄적끄적 a태그 는 기본값으로 가지고 있는 스타일이 있어서 사용하기 위해서는 ..

내배캠에서 미니프로젝트를 진행하면서, 나의 야심작 사진을 갤러리 식으로 기능 부여하던 중 배우게 된 이미지 슬라이드 한 번 배워보자. 생각보다 자바스크립트가 없이는 생각으로 담고 있던 기능을 구현할 수 있는 범위가 적었다. 자바스크립트의 소중함.. 리스펙.. 아직 자바스크립트가 익숙하지 않은 나에게는 HTML/CSS 로 근접하게 구현이 가능한 이미지 슬라이드를 배워보았다. 기본적으로 알아야할 radio 박스의 개념에 대해서 알고 갈 필요가 있다. input 에서 type="radio" 속성을 사용할 수 있는데, radio 속성은 한 번 클릭 시 해제가 안되며, name="slide" 으로 묶은 input 들은 하나의 그룹이 되어 여러 input 중 하나만 체크가 되는 효과를 가지고 있다. input 은 ..

제출용 github : https://github.com/DHL68/github-DHL68/tree/main/%EB%82%B4%EC%9D%BC%EB%B0%B0%EC%9B%80%EC%BA%A0%ED%94%84/project/p-instargram-desktop-UI-clone/leenstargram/templates/index 구현 - 네비게이션 바 레이아웃(position: fixed) - 네비게이션 바 home, search, menu icon - 스토리 레이아웃 - 스토리 그라데이션 테두리 - 피드 레이아웃 - 피드 사진 carousel - 피드 글 word-break 자동 줄넘김 - 피드 modal popup - 반응형 웹 media query - 시연 오류를 통해 배우는 기능 노트 1) 피드를 하..

개인 프로젝트 인스타 데스크탑 UI 클론 github : https://github.com/DHL68/github-DHL68/tree/main/%EB%82%B4%EC%9D%BC%EB%B0%B0%EC%9B%80%EC%BA%A0%ED%94%84/project/p-instargram-desktop-UI-clone/leenstargram/templates/index 무엇을 느꼈는가. 코드 하나 하나 지저분하지만 나의 색깔이 묻어나는 코드. 지금은 바르지 못한 선을 띄고 있지만, 반복과 나만의 노하우를 조금씩 배워나간다면, 언젠간 올곧은 선을 띄고 있지 않을까 생각한다. 벌써 막바지에 들어선 마감일자. 주요 목표를 충족시키며, 더 욕심을 내어 추가 기능까지 구현하려 했지만, 욕심만큼 구현할 수 없었던 현실이 잔혹..

개인 프로젝트 인스타 데스크탑 UI 클론 github : https://github.com/DHL68/github-DHL68/tree/main/%EB%82%B4%EC%9D%BC%EB%B0%B0%EC%9B%80%EC%BA%A0%ED%94%84/project/p-instargram-desktop-UI-clone GitHub - DHL68/github-DHL68: github-DHL68-practice github-DHL68-practice. Contribute to DHL68/github-DHL68 development by creating an account on GitHub. github.com 무엇을 느꼈는가. 오늘 클론 프로젝트 시작 전에 튜터님과 대화를 나누었다. 대략 내용은 이러하다. 내가 지금 ..