번역기 프로젝트 일기

오늘의 공부 내용translator 작업 진행하다가 '함수형 프로그래밍'에 대해 고민함.java, python에서 객체지향 작업을 했던 경험이 있어서인지 객체로 뭔가를 하려고 한다.. 하지만 JS에서는 (ES6에 class가 추가 되긴 했지만) 객체지향을 흉내낼 뿐..

새벽을 넘기다보니 계속 제목이... 아무튼 오늘 작업하면서 정리한 내용 . . radio에서 checked된 값을 가져오는 방법 출처 : [Javascript/JQuery] radio checked value 값 알아내기 이 방법이 제일 깔끔해 보인다. 다만 que

필요하다고 생각되는 메소드를 미리 생각해서 이름만 선언해두고 하나씩 구현하고 있는데 이렇게 계획하고, 하나의 기능마다 함수로 만드니까 좋은거같다. 해야할일도 명확하고, 뭔가 에러가 났을 때 수정해야할 부분도 명확하다...비동기처리에 대해 좀 더 완벽하게 이해할 필요가

오늘의 고민카드를 추가하는 방법1\. 부모 카드의 우측에서 선을 드래그해서 뽑아 낸후, 다음 칼럼에 드랍한다.이 경우 부모와 자식이 자동으로 연결된 상태로 자식 카드가 추가 됨2\. 칼럼 하단에 카드 추가하기 버튼을 누른다. 이 경우 부모-자식 관계가 없는 독립 카드가

진행중인 프로젝트에서 위 밑줄친 부분을 누르면 구글, 파파고, 카카오 값을 선택하고 그 value에 따라 해당 번역기를 가져오게 코드를 짰다.옆에 언어 리스트도 radio, label 조합으로 만들었다.일단 구현하자는 생각으로 만들었는데 css로 스타일링을 하면서 se

오늘의 일기select 태그의 option에 이미지를 추가하는 방법은 플러그인을 사용하는 것 외에는 아직 없다고 한다. 해서 div태그에 ul, li로 select, option을 유사하게 만들고, 드롭다운 기능을 만들기로 했다.여기에 select의 value값을 대신

오늘의 일기개발은 계속 했는데 오랜만에 쓸만한 내용이 있어서 적는다.이렇게 div들 사이에 선을 연결해주기위해 svg.js 라이브러리를 사용하기로 했다. 원래 프로젝트의 목표는 최대한 바닐라로 만들기!였지만 이 경우에는 좀 더 본질적인 목적인 dom조작이나 상태관리 등

대략적으로 완성되어 가는 번역기.오늘은 디테일한 부분들을 수정했다. API요청을 매끄럽게 하고, 글자수를 count하는 등의 작업을 진행했는데 하다보니 textarea의 변화를 감지하는 작업이 생각보다 꼬여있었다.click, change, input과 같은 이벤트는 기

개인적으로 뿌듯한 리팩토링..?textarea의 기본 높이 200 스크롤 없음, 그 이상 늘어나면 그에 맞게 카드가 커지다가 400이 되면 멈추고 스크롤이 생기는 형태로 만들 생각이었다.처음에 어떻게 자동으로 textarea 크기를 조절하나 찾아보다가 발견하고 단순 조