TIL | 2022. 11. 11.

• 요즘 커리어리 라는 어플을 애용하고 있는데,
  동기부여가 되고 자극이 되는 글들이 많다.
• 커리어리 글 중 '주니어 개발자들의 8가지 일반적인 실수' 라는 글이 있다
  하나 같이 다 맞말이라서.. 자극을 넘어 뼈맞았다..
• 우연히 프론트 업무를 하게 되었는데, 요령이라도 배우고 싶은 심정이다..
• egovFrame 에 대해서 좀 더 알아봤다.
  '행정안전부 산하기관인 한국정보화진흥원에서 만든 웹기반 프레임워크'
  즉, 대한민국 공공 부분 정보화 사업시 플랫폼별 표준화된 개발 프레임워크, java 기반, 운영 표준 환경 제공
  spring 과 차이라 한다면, egovframe 은 spring + @ 로 가공한 형태의 프레임워크이다.
• front 끄적끄적
  • a태그 는 기본값으로 가지고 있는 스타일이 있어서 사용하기 위해서는 없애주는 것이 좋다.
  • a태그 특성상 여백이 생성됨으로
    자식 속성에 float : left 설정
    부모 속성에 overflow:auto 설정 (자동정렬)
  • span태그 는 내용물이 없을 경우 배경색을 지정해도 나타나지 않음.
  • display
    • block : 상자를 이루지만, 한 줄에 하나
    • inline : 내용을 꾸며주는 공간, 사전 설정한 픽셀값은 무시
    • inline-block : 한 줄로 정렬하면서 상자 형태를 가짐. 
    • div 기본값 : block
    • span 기본값 : inline
  • position
    • css position 의 기본값 : static
    • 때문에 top, left 등의 설정이 적용되지 않음
    • absolute : 가장 가까운 부모속성의 기준으로 움직임
    • relative : 원래 있던 자리에서 주어진 값만큼 이동
    • fixed : 부모속성을 벗어나 body 기준에서 움직임
    • sticky : 원래 자리를 유지하면서 스크롤 시 자리 고정(익스플로어에서는 적용 안됨)