분류 전체보기
최근 회사 생활을 하면서 느낀 점 - 코드 리뷰
최근 회사 생활을 하면서 느낀 점 - 코드 리뷰 저는 느낀 감정과 생각을 공유하는 걸 좋아합니다. 반복/지속된 상황에서 처음 느낀 감정은 무뎌지기 쉽기 때문입니다. 누군가의 “첫 감정”이 예전의 나의 마음가짐이나 순간을 회상시켜주기에, 미래에는 이 감정을 잊어버릴 저에게 아니면 지금의 누구에게라도 조금이나마 좋은 영향을 줄 수 있으면 좋겠습니다, 어제 처음으로 말로만 듣던 “코드리뷰”라는 걸 해봤습니다. 예전부터 소위 [“코드리뷰”문화가 있는 회사]가 가고 싶다 생각했는데, 이번에 소망했던 바를 경험해서 좋습니다. 많은 점을 느꼈습니다. 인호님께 코드리뷰 직후 느낀 점을 말씀드리긴 했는데요. 혼자서 생각하기에 코드 리뷰라 하면 ppt발표 마냥 한 명이 발표하면 다른 사람들이 듣고 “평가”를 하는 정도라 ..
자바스크립트 3e3의미
과학적 표기법이며, "의 거듭 제곱"을 의미 3e+3 3 * Math.pow(10, 3); // 3000 3e+2 3 * Math.pow(10, 2); // 300 3e3 3 * Math.pow(10, 3); // 3000 3e2 3 * Math.pow(10, 2); // 300 3e4 3 * Math.pow(10, 4); // 30000 3e-2 0.03 3e-4 0.0003
[git] Could not resolve proxy: proxy.server.com오류 해결법
어느날 갑자기 커밋을 하려는데 Could not resolve proxy: proxy.server.com 오류가 발생했다. config를 unset해주니 정상적으로 커밋되었다. git config --global --unset http.proxy
퍼블리싱 공부 일정
✅ 마크업 공부 : 틈틈이 시간내서 html개념 도서 7월 28일 목요일 CSS - Flex 개념 이해 7월 29일 금요일 CSS - Flex 응용 예제 만들어보기 7월 30일 토요일 휴가 7월 31일 일요일 CSS - Grid 개념 이해, 응용 예제 만들어보기 공부 할 것 크로스 브라우징 웹 접근성 - https://accessibility.naver.com/
[CSS] 대세 flex를 공부해보자💸 (fect. 1분코딩, 드림코딩)
float과의 차이점 helloflexhe lloflexhelloflex helloflex abc helloflex float float의 원래의 목적은 이미지와 텍스트의 함께 정렬하기 위한 것이었다.div같은 것을 배치하는 용도로 사용했던 float는 순수한 용도가 아니다(즉, hack) 너비만 정해진 요소를 flex를 사용하지 않고 float로 정렬하면 위와 같이 높이는 요소안의 내용의 길이만큼 적용된다. flex container와 item에 적용하는 속성값이 다르다. container에 적용되는 것 display flex-direction flex-wrap flex-flow justify-content align-items align-content item에 적용되는 것 order flex-gro..
[웹 접근성] 키보드로 gnb탐색하기 (Only CSS / dl, dt, dd, :focus-within)
접 접근성이란? 장애여부와 상관없이 모든 사람이 사이트를 동일한 경험을 하는 것 (정보를 얻을 수 있게 얻는 것) 가이드 바로가기 https://accessibility.naver.com/accessibility ol, li - 순서가 있는 목록 ul, li- 순서가 없는 목록 dl,dt,dd - 설명 목록을 만듦 대체로 li나 dl을 사용하는데, dl을 사용하면 하위 요소를 dt, dd로 두 개로 구분할 수 있다. dt는 이름, dl은 값이라서 gnb2를 특정하는데도 의미와 의도에 문제가 없다. (시멘틱 마크업 OK) 키보드로 이동할 때, dl> dt> dd로 올바르게 움직인다. 로고 a 센터소개 센터소개 연혁 및 조직 찾아오시는 길 이용안내 운영현황 이용안내 어플리케이션안내 홈페이지접수안내 인터넷접수..
HTML5와 HTML의 차이점, 정의, 역사
HTML이란? HTML의 역사 HTML5와 HTML의 차이점 HTML이란? HyperText Markup Language의 줄임말 HyperText : 문서를 서로 연결해 주는 링크. HTML에는 서로 연결한다는 의미가 포함 Markup : '표시한다'는 뜻. 내용을 보여주는 텍스트, 이미지, 영상들의 위치를 표시하는 것을 의미 HTML의 역사 1991년 말 버너스리가 처음으로 인터넷에서 문서를 HTML 태그로 부르면서 시작되었다. HTML5와 HTML의 차이점 2014년 11월 발표된 HTML 표준 규약은 이전 버전과 구별하기 위해 한동안 HTML5라고 불렀다. HTML5는 이전에 사용하던 HTML4에 이어 다양한 기능이 추가되었기 때문에 4 다음 숫자인 5를 붙여 HTML5라고 불렀다. 1. Syny..
[HTML] 반응형 이미지에 링크를 추가하는 3가지 방법(rwdImageMaps.js, Map, a tag)
모바일 사용이 늘면서 어떤 화면 크기에서도 이미지 크기가 일정 비율로 보여야 했다. 화면 크기에 따라 변화하는 이미지의 특정 영역에 링크 삽입하는 방법은 무엇이 있을까. 📍 Image Map html을 처음 배운 사람이라면 정석대로 생각할 방법이다. 하지만 coords는 map을 기준으로 고정되어있기에 화면 변화에 대응하지 못한다. 이러한 문제를 해결하기 위한 라이브러리 rwdImageMaps.js. map이 연결된 이미지의 크기에 따라 coords가 동적으로 변한다. (대박이다. 개발자 만세) https://github.com/stowball/jQuery-rwdImageMaps readme를 읽고 그대로 하면 된다. 🥠 a tag, div를 퍼센트로 배치 div에 이미지와 a tag를 함께 넣어 a t..
[Javascript] 함수앞에 느낌표(특수기호)가 있는 경우 : 자기호출 익명함수
!(function () { //.. }) 위와 같이 함수 앞에 느낌표가 있는 건 어떤 의미인지 알아보자. 간단히 말하자면, 반대되는 값을 리턴해주고 동시에 함수를 즉시 실행한다. 더 자세히 이해하기 위해선 익명 함수, 자기 호출 함수에 대해 이해해야 한다. 본문과는 관련 없지만, 기본 상식으로 모든 함수는 일단 호출이 되면 어떤 것이든 반환한다. 그게 undefined라도 말이다. 익명 함수 이름이 없는 함수. 아래와 같은 형식으로 사용될 수는 없지만, 다른 함수의 매개변수로 쓰일 경우에는 정상 작동한다. 사용할 수 없는 이유는 함수 선언문의 경우 함수 이름을 생략할 수 없기 때문에 에러가 발생한다. function () { //... } 자기 호출 익명 함수 (IIFE) 스스로 실행하는 이름 없는 함..
[알고리즘] 이진 트리 (Binary Tree)의 순회방법 (Java)
이진트리 (Binary Tree) 🔗 최대 두개의 자식을 같은 구조 이진트리를 순회하는 방법은 크게 3가지가 있다. Inorder (left, root, right) : 본인이 왼쪽과 다음 사이에 끼인 순서 Preorder (root, left, right) : 왼쪽과 다음 전의 순서 Postorder (left, right, root) : 왼쪽과 다음 후의 순서 코드 package study; /* * (1) / \ * (2) (3) / / *(4) (5) * Inorder (left, root, right): 4 2 5 1 3 * Preorder (root, left, right): 1 2 4 5 3 * Postorder (left, right, root): 4 5 2 3 1 * * */ class ..