콛 다이어리

어제 KOR 버튼을 onClick 하면,ENG, JPN, CHN 버튼이 내려오는기능을 만들었는데 뭐가 잘못됐는지 우측에 태그로 만든리스트 까지 같이 출력이 됐다..심지어 PAYCO 텍스트는 더 밑으로 출력이 됐다.. 마음 같아서는 싸그리 지우고 싶었지만그러기에는 이미 입력한 코드가 너무 많았다;;이번 기회에 하나씩 보면서 뭐든 얻어갈까 싶어코드를 좀 검토를 해봤는데 정말 아닌 것 같았다.지금 시간적 여유가 없었다. 튜터님께 날아가서이 컴포넌트에 있는 코드만 싹- 지워서처음부터 다시 해아할 것 같은데입력한 코드를 검토하는게 나을까요,처음부터 갈아버리는 게(?) 나을까요?? 하고여쭈어보았다.. 튜터님이 막 웃으시더니튜터님께서도 전에 그런 적이 몇 번 있으셨다면서그렇게 하는 게 빠를 수도 있고그런 과정에서 얻..

어제, 폰트어썸에 있는 아이콘을 사용했다. 클릭했을 때 자동으로 맨 위로 올라가는버튼을 만들기 위해서 사용했다. 폰트어썸 이미지를 import할 때 svg라는 알파벳?이 있는데 그냥 알파벳이구나~ 하고 넘겼다. 오늘은 div태그에 border: 3px solid red;를 적용하고그 div태그 사이에 아이콘을 넣었고아이콘 뒤에는 회색 원형 div가 있었다. 그러면 당연히 빨간색 직사각형 안에 아이콘이위치해야 한다고 생각하는데 빨간색 짧은 선 우측에버튼이 위치해 있었다......;; 그 때 튜터님께서"왜지? svg 이미지라 그런가??" 라고 하셨다. 버튼이 저렇게 위치했던 이유는버튼을 div로 감싸주지 않아서 였다.(버튼이 div없이 혼자 있으면top, right, right, bottom이런 값을 아무리..

공부하다보면 사용하는 이유가'간편한 유지보수', '유지보수 하기 편해서'인 것들이 많다. 유지보수가 웹을 계속 보존할 수 있게수선한다는 단어인 것 같은데혹시 내가 놓치고 있는 부분이 있나 싶어서좀 더 알아보았다.사실 여기저기 찾아보았지만 제대로 나오지 않아챗 gpt에 물어본 내용과 섞여있당,, 유지보수의 통상적 의미는기능을 확인하고 서비스를 제공하고장치의 필요한 부분을 수리, 교체, 장비 등을 의미한다. 하지만, 소프트웨어에서는 유지보수는 시스템, 장비, 소프트웨어 또는 인프라가 원활히 작동하도록 정기 점검 및 결함을 수정하는 활동이다.즉, 기계나 프로그램이 잘 작동하도록 점검하고 고치는 일이다. 이를 통해 장비나 시스템의 수명을 연장하고,성능을 최적화하며,예기치 않은 고장이나 오류를 예방할 수 있다. ..

강의에서 원장님이 '리팩토링' 이라는단어를 사용하셨다.리팩토링? re - factory  + ing..??도저히 유추가 안 돼서 찾아봤다 리팩토링: '결과의 변경 없이 코드의 구조를 재조정함'을 뜻한다.주로 가독성을 높이고 유지보수를 편하게 한다. 버그를 없애거나 새로운 기능을 추가하는 행위는 아니다. 사용자가 보는 외부 화면은 그대로 두면서 내부 논리나 구조를 바꾸고 개선하는 유지보수 행위이다. 추가로, 프로그램의 구조를 크게 뒤집으면전과 똑같이 프로그램을 돌리기 어렵기 때문에변경 전과 똑같이 돌아간다는 것을 확인하면서개선해 나가야 한다.또, 리팩토링의 주요 핵심은 '자주'이다.모든 로직을 완성한 뒤 리팩토링을 하는 것이 아닌한 로직을 완성한 후 리팩토링을 하는 것이 좋다. 켄트 벡이 제안하는 깔끔하고..

벌써 질문이 이렇게 많아도 괜찮은 걸까ㅠㅠ  Q1) 리액트에서는 화살표 함수만 써야하는지.Ans) '꼭 그래야한다' 는 아닌데, 화살표 함수가 편하다.        협업할 때는 (화살표 함수를 쓸건지 아닌지) 맞춰야 한다. Q2) index.css 파일 내용을 지우고 시작해도 되는건지.Ans) 본인 마음이다. Q3) 강의에서는 태그를 사용했고 나는 아니고       태그를 사용하지 않으면 출력이 안 될 때도 있는데       맞다고 쳐야하는지.Ans) 맞다고 틀리고 하기 보다는 시멘틱 태그를 따르는 것이 좋다.

개인 프로젝트 과제가 하나 나왔다!'영화 검색하기'!작년에 포트폴리오 작성 이후로오랜만이다.그래서 설레기도 하고 기대되기도 한다.화면 구상과 시나리오를 짜기 전,궁금한게 생겨서 튜터님한테 질문을 하러갔다.내가 아이멕에서 일 하면서 궁금하기도 했다.왜? 싶었지만 그 때는 물어보지 못했다. 1. 코드는 무조건 짧고 간결하게 짜야하는가. 정답은 No! 꼭 그럴 필요는 없고 무조건 짧고 간결하게 짜야한다 라는건 강박적인 생각이다.게다가 너무 줄이면 가독성이 떨어지는 경우도 있다고 한다. 2. 디자인은 사람들이 자주 이용하는 사이트를 참고하는 것이 좋은가. 정답은 Yes! (네이버, 구글, 한글, 엑셀, ppt등)하지만 지금은 자바스크립트 공부가 우선이기 때문에 너무 디자인에 집중하지 않아도 된다고 하셨다. 3...

내가 알고있는 태그를 가운데 정렬하는 방법첫번째는, margin: 0 auto;두번째는,부모 를 하나 더 생성해서 text-align:center; 두번째 방법은 문제가 생기지 않을까?싶었지만 지금까지 문제 없었고,제일 쉬운 방법이어서 그냥 써왔다. 마침 튜터님께 질문 하다가 생각나서사용해도 문제가 되지 않냐고 여쭤보았다.내가 생각하는 그대로였다.코딩은 정답이 없어서 맞다, 틀리다, 해도 된다, 안 된다, 라고 해줄 수 없다고 하셨다. = 상관없음 하지만 부모 를 text-align:center;로 설정하면,텍스트 외 inline요소도 가운데 정렬이 되기 때문에 자식의 텍스트도 신경을 써줘야 한다고 하셨다.