일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- js a 새창 띄우기
- react sass
- 경력 퍼블리셔
- react className
- 별자리 시전
- js 독학
- 화면 가운데로 띄우기
- 자바스크립트 독학
- 하이브리드앱 크로스브라우징
- 프론트엔드 개발 독학
- 나는 언제쯤 인연을 만날수 있을까
- 여자쳐다보는 남친
- 퍼블리셔 업무
- ios 크로스브라우징
- 퍼블 면접
- 팝업 가운데로
- svg 사용
- 관심가는 차
- 연애후
- 배울때 태도
- react class
- 퍼블 업무툴
- ios 크로스
- 연애 후 느낀점
- a 새창 띄우기
- css 퍼블 사용
- 레이어 가운데로
- 퍼블리셔 협업툴
- 퍼블리셔 면접
- css 사용팁
- Today
- Total
목록공부좀 하자 (34)
코딩룸*◡*
가장 최신 ios 버전 = 15 1. input, textarea 폰트 사이즈 16이하 포커스시 자동으로 zoom-in 발생 iOS에서는 input 태그나 textarea 태그의 폰트 사이즈가 16px보다 작으면 focus 시 자동으로 zoom-in이 발생합니다. meta tag에 ‘maximum-scale=1.0’ 옵션을 넣어 문서의 최대 배율 범위를 설정하면 zoom-in은 발생하지 않습니다. 그러나 구글 lighthouse 웹 접근성 지표에 감점이 적용될 수 있습니다. 2. a태그 클릭시 하이라이트 효과 생김 a태그 클릭 시 하이라이팅 효과가 발생합니다. webkit 엔진 기반의 브라우저에서 발생하는데, 전역 스타일 시트에 속성을 투명으로 적용하면 하이라이팅 효과를 제거할 수 있습니다. -webki..
경력 퍼블리셔로서 면접을 보다보면 공통적으로 듣는 질문이 있어 그것을 한번 정리해 보았습니다. * 경력직이나 프리랜서 면접시에 해당하는 질문들 모두 신입때와 크게 다르지 않는걸 느낍니다. 그리고 저의 답은 무조건 정답이 아니니 참고만 하세요! 1. 반응형웹 퍼블리싱시 어려운 점은? 1) PC에서 모바일로 가면서 디자인이 바뀌게 되면서, 디자이너분들이 미처 생각치 못한 깨짐이 발생하거나 생각한 디자인이 아니면 중간에 디자인 변경이 발생하는데 이때 저도 같이 살짝 당황스러웠던 경험이 있습니다. 2) 대부분 PC에서 모바일로 작업을 하는것으로 아는데, 이번에 기획과 회사방침(?), 협업하시는 분들의 의견(?)에 따라 모바일에서 PC로 작업을 하였습니다. 그러다보니 생각치도 못하게 PC 디자인에 맞게 HTML ..
1. * 사용을 지양하라! 브라우저에 과부하게 걸리고 사용하기에 적절하지 않기 때문에 사용을 지양합니다. 단, font-famaily는 *에 줘도 무방합니다. 2. id 선택자인 # 사용을 조심스럽게! id 선택자는 유연성이 없고 재활용할 수 없습니다. 그래서 가능한 처음에 태그명이나 새로운 HTML 요소 중 하나 또는 가상 클래스라도 적어서 CSS를 작성해보세요. 3. :visited와 :link 사용 - :visited 클릭했었거나 방문했던페이지에 있는 앵커 태그 - :link 클릭하기 전 상태의 앵커태그 전체 4. 인접선택자 +를 사용 - ex) ul + p { } - 앞의 요소 바로 뒤에 있는 요소만 선택합니다.
SASS를 이용한 작업을 하다가 CSS로 변환할 필요가 생겨서 변환사이트를 찾게 되었습니다. *SASS에서 → CSS로 변환 https://www.sassmeister.com/ SassMeister | The Sass Playground! SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading... www.sassmeister.com *CSS → SASS 또는 SCSS로 변환 http://css2sass.herokuapp.com/ css2sass | Convert CSS Snippets to Syntactically Awesome StyleSheets code CSS (paste your CSS code and conver..
테이블을 만드는데 border 속성을 주지 않았는데도 사이사이 간격이 있어서 그 해결방법을 찾아보게 되었습니다. 결론 : table에 {border-collapse: collapse;}를 준다. - 셀 테두리 선을 겹쳐서 표현 - 기본속성은 {border-collapse: seperate;} : 셀 테두리 선을 겹쳐서 표현 border-collapse: separate (default): 이름 나이 철수 13 영희 13 border-collapse: collapse: 이름 나이 철수 13 영희 13